javascript - Safari 使用 React 和 Material-UI 渲染错误

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

输入都是 Material-UI TextField 组件，您可以看到背景保持在原位，但实际输入向上移动并且文本被复制。

在这里，我们有一个标题，可以准确地呈现其应有的位置，但是在选择字段保留到位时，输入和按钮被按下。

我们有代码来处理不同的屏幕尺寸，但即使禁用所有这些以及禁用任何 flexbox 容器或其他任何使事物响应移动的东西，我们仍然会看到这个错误。有没有人经历过这样的事情并找到了解决方案？谢谢

标签： javascriptreactjssafarimaterial-ui