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

Ell*_*sar 7 html forms input ios ios16

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

  1. 类型=数字或文本
  2. 模式=\d*
  3. 包含元素的 margin-top 是 48px (我没有在这里测试精确的截止值)

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

autocomplete=off 和 autofocus=false 不会改变任何东西。iOS 16 之前不存在此类问题。该问题已在 2 部装有 iOS 16 的独立 iPhone 上得到证实。

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

Bry*_*rey 3

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

在找到这个主题之前,我尝试了很多事情,并发现这可能是一个错误,包括更改tabindex、禁用 javascript、尝试我们使用的网站上的每个插件。很高兴发现其他人也面临着同样的问题,并且能够进一步缩小范围。谢谢!