html - iOS 16 中的 Safari 自动对焦表单元素

Question

我注意到新的 iOS 16.0 中的 Safari 在以下情况下会自动聚焦输入元素:

1. type=数字或文本
2. 模式=\d*
3. 包含元素的margin-top为48px(我这里没有测试精确的分界值)

测试页:https://www.autoledky.sk/ios.php

autocomplete=off 和 autofocus=false 不会改变任何东西。在 iOS 16 之前没有这样的问题。该问题已在 2 部装有 iOS 16 的独立 iPhone 上得到确认。

这会导致主页自动滚动、放大和打开键盘，这是 Not Acceptable 。如果没有明显的“删除输入/模式”，我应该如何解决问题。

Answer 1

我无法验证是否需要任何 margin 标准。我们的场景与此处列出的边距不符。但是，我能够通过完全删除 pattern 属性来解决我们在 input[type="number"] 字段上的问题，因为它已经是一个特定的字段时间。通过这样做，我们不再在 iOS16.0 上的 Safari 中看到自动对焦

在找到这个主题之前，我尝试了很多东西，并确定它可能是一个错误，包括更改 tabindex、禁用 javascript、通过我们使用的网站上的每个插件来解决问题。很高兴发现其他人也在为同样的问题而苦苦挣扎，并且能够进一步缩小范围。谢谢!