iOS Safari自动填充过度覆盖固定位置底部元素

Question

iOS 10.2 / 10.2.1上的iOS Safari存在非常不一致的问题（至少）。在许多iPhone 7,6,4上它没有问题，但在至少2个iPhone 7上我遇到了这个问题。

我的页面上有一个position: fixed; bottom: 0;输入元素。如果占位符是例如Name，Safari将提供在键盘上方的建议框中使用联系人姓名自动填充它。 问题是在某些设备上，键盘的这个建议框将与页面底部的输入元素重叠：

当键盘打开时，建议栏被展开，之后没有通过折叠/展开来操纵它。

在许多经过测试的设备上，这种情况不会发生，只会发生在少数设备上。

只有建议栏似乎是个问题。正常输入开关条没有出现问题。当我将占位符更改为其他内容时，Safari将不会尝试自动填充它，一切似乎都很好： （除了底部的小白色间隙，但我可以忍受）

有人知道为什么会在某些设备上发生这种情况吗？甚至可能我怎么能解决这个问题？

（关于可能的解决方法的附注：正如我所说，似乎Safari会解析占位符以决定何时以及提供什么作为自动填充。当我将其更改为其他内容时，它将不会显示。只需禁用它像这样的一个字段将是finde，但同样的事情发生在“电子邮件”字段中，并且没有可用作占位符的智能替代字。）

Answer 1

无论价值多少，我都遇到了这个问题，并通过将<input>元素替换为<textarea>元素来解决了这个问题。一切都按预期进行-我不再看到自动填充建议。