ios safari输入文字消失

我在 ios safari 中的输入遇到一个奇怪的问题如此处所示。 https://i.stack.imgur.com/ZHQSm.png

输入是 Angular 应用程序的一部分，并对 ng-length 和 ng-pattern 进行一些基本检查。最初，当您键入时，所有字符都会显示，但如果您稍微操作一下页面，例如点击退出、上下滚动，然后再次点击，则只会显示您键入内容的前 2 个字母，其余字符将显示不可见，但光标仍会移动。

输入还使用自定义网络字体，但删除它并没有解决问题。

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

你可以加

transform: translate3d(0, 0, 0);

输入的样式。

这将形成一个新的堆叠上下文 https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_Positioning/Understanding_z_index/The_stacking_context并解决问题。