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

Question

Ruby：2.3.1
Rails：5.2.2

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

▪️Detail
使用应用程序时，有时会发生以下错误：
有时，即使我点击text_field，email_field和text_area，它也不会专注于该字段。
“ HTML上的标签”仍然有效。似乎点击功能并没有错。

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

尽管我不确定，但有时仍可以在离开或访问其他页面后修复该错误。

■️Inspect
我检查了以下错误：
・手机模拟器（Chrome devtools的设备工具栏）
・ ios（12.1.2）
・ Android（8.0.0）

此外，当错误出现时，滚动仅在iOS和Android的实际移动设备上不起作用。

有人有主意吗？

Answer 1

我自己解决了。

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

在上一页中存在无法滚动的错误。
当通过滚动错误页面转换到另一个具有text_field的页面时，似乎由于涡轮链接而保留了滚动错误。
而且text_field无效。

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

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

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

  

此外，当出现上述错误时，会有一个滚动错误   仅在移动设备的实际计算机上不起作用。没有   模拟器出现问题。

这完全是我的误解，即使错误也发生在模拟器中。