有时 text_field 和 css 滚动在移动设备上不起作用

Question

红宝石：2.3.1
导轨：5.2.2

我制作了一个响应式 Web 应用程序，但遇到了不可接受的错误。
我搜索了各种各样的东西，但我找不到遇到相同错误的人。

▪️详情
使用应用程序时有时会出现以下错误：
有时，即使我点击 text_field、email_field 和 text_area，它也不会专注于该字段。
“html上的标签”仍然有效。看来tap功能没有错。

1. 访问表单页面。
   
2. 点按 text_field、email_field 和 text_area。
   
3. 有时，它不聚焦。

虽然我不确定，但有时在留出时间或访问其他页面后会修复错误。

▪️检查
我检查了以下上述错误：
・手机模拟器（chrome devtools的设备工具栏）
・ios(12.1.2)
・Android(8.0.0)

此外，当错误出现时，滚动不仅适用于实际的移动设备，包括 ios 和 Android。

有人有想法吗？

Answer 1

我自己解决了。

▪ 原因
有一个页面处理 JS 触摸事件，但是因为该事件中没有添加滚动功能。

上面的页面有一个无法滚动的错误。
当通过滚动错误页面转换到具有 text_field 的另一个页面时，由于 turbolinks，滚动错误似乎仍然存在。
并且 text_field 不起作用。

我发现 text_field 错误已通过以下方式修复：

• 重新加载页面时。
  
• 当通过带有 data-turbolinks 的标签转换到页面时 = “假”。
  

起初我修复了触摸事件页面上的滚动错误。
然后还修复了 text_field 错误。

另外，当上面的错误出现时，还有一个错误，滚动 不仅仅在手机的真机上工作。没有 模拟器问题。

这完全是我的误解，甚至模拟器中也出现了错误。