Mobile Safari 输入焦点将元素的伪影留在先前位置

Mobile Safari input focus leaves artifacts of elements in previous position

这个问题特别难解释...

在 Mobile Safari 中（而不是在 Android 上的 Chrome 中），当输入聚焦并且视图调整以将输入置于屏幕中央时，我注意到有时以前存在的元素仍然有它们的触摸事件。

请看下面的视频，我在 "apply" 按钮上方稍稍点击了一下，最终点击了 "total price" header，导致下拉菜单折叠。很显然，那个幽灵触摸事件不应该存在。

基本上，当我专注于输入时，屏幕会按预期移动，但之前存在的元素的触摸事件不会随之移动。如果我触摸元素曾经所在的相同位置，它会触发该事件。

我确定这里触发的事件是 "total price" 栏的事件，因为如果我在它下方稍微向右单击，我可以触发 "change" 的事件按钮。

请注意，这种情况不会一直发生。我无法 100% 地复制它，但我能够在视频中捕捉到它。

这是 iOS 中的一个已知错误，他们说他们将在 11.3 版本中修复它。