iOS Safari输入文字消失

Question

我在ios Safari中输入时遇到了一个奇怪的问题， 如下所示。

输入是angular应用程序的一部分，对ng-length和ng-pattern有一些基本检查。最初，当您键入所有字符时，都会显示出来，但是如果您稍微浏览一下页面，例如点击，向上滚动和向下滚动，然后再次点击，则只显示您键入的前两个字母，其余的将显示看不见，但光标仍会移动。

输入也使用自定义的Web字体，但是删除它并不能解决问题。

这是一个已知的错误，是否有解决方法？

Answer 1

你可以加

transform: translate3d(0, 0, 0);

到输入的样式。

这将形成一个新的堆叠上下文并解决问题。

Answer 2

我发现了我的问题：一个 iframe 被绝对定位、隐藏，我从中监听调整大小事件作为监视 div 宽度的解决方案。拆除位置：绝对固定。