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

时间:2018-12-30 05:35:48

标签: ruby-on-rails mobile

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的实际移动设备上不起作用。

有人有主意吗?

1 个答案:

答案 0 :(得分:0)

我自己解决了。

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

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

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

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

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

  

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

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