Javascript Safari使用React和Material UI呈现错误

Javascript Safari使用React和Material UI呈现错误,javascript,reactjs,safari,material-ui,Javascript,Reactjs,Safari,Material Ui,我在Safari中遇到了一个bug,在我的react应用程序的初始加载时呈现了一些表单,但在用户采取第一个操作后,它们会被推到顶部。似乎正在渲染某些重影元素,但未显示在检查器中。这在任何其他现代浏览器中都不会发生,只有Safari 输入都是Material UI TextField组件,如您所见,背景保持不变,但实际输入被上移,文本被复制 在这里,我们有一个标题,它精确地呈现在它应该呈现的位置,但是当选择字段保持不变时,输入和按钮被向上推 我们有处理不同屏幕大小的代码,但即使禁用所有这些,以

我在Safari中遇到了一个bug,在我的react应用程序的初始加载时呈现了一些表单,但在用户采取第一个操作后,它们会被推到顶部。似乎正在渲染某些重影元素,但未显示在检查器中。这在任何其他现代浏览器中都不会发生,只有Safari

输入都是Material UI TextField组件,如您所见,背景保持不变,但实际输入被上移,文本被复制

在这里,我们有一个标题,它精确地呈现在它应该呈现的位置,但是当选择字段保持不变时,输入和按钮被向上推


我们有处理不同屏幕大小的代码,但即使禁用所有这些,以及禁用任何flexbox容器或任何其他使事情响应的东西,我们仍然看到这个bug。有没有人经历过类似的事情并找到了解决方案?谢谢

您可以在codesandbox.io中重现此错误吗?没有看到一些代码就很难帮助您。我也有类似的问题。你找到原因了吗?可以在codesandbox.io中重现这个bug吗?没有看到一些代码就很难帮助您。我也有类似的问题。你找到原因了吗?