Redux-Form 多行 Google Material UI TextField 显示后不自动调整大小

Question

我的 react-redux 多行 Google Material UI TextField 在隐藏加载表单时无法正确调整自身大小。

查看此处的行为：https://codesandbox.io/s/redux-form-template-qe06o

在 GitHub 此处报告：https://github.com/redux-form/redux-form/issues/4627

Answer 1

解决这个问题的一个技巧是当隐藏表单从 hidden={false} 切换到 hidden={true} 时触发一个事件：

window.dispatchEvent(new Event('resize'));