Android无法关注表单字段

Question

我在这里完全不知所措，因为我没有Android设备，所以很难弄清楚发生了什么，并且无法在模拟器中复制它。由于未知原因，Android上的Chrome存在针对表单字段的问题，用户开始抱怨。在其他平台上一切正常 - 包括Windows / Mac / iOS上的Chrome。

问题得到解决后，问题所在的网站不再被破坏。

非常感谢任何指导。

Answer 1

我在当地做了一些测试并确认我的评论是正确的。如果将vimeo iframe设置为display：none;这将允许在android / chrome上点击表单元素。因此，您需要进行三项更改：

1. css update：将vimeo iframe设置为display：none
2. javascript update - 您通常将vimeo的iframe设置为可见性：可见，您还必须设置display：block
3. javascript更新 - 与上面类似，您可以将vimeo的iframe设置为visibility：hidden，您还必须设置display：none

我相信这样可以解决问题并且没有负面的副作用。

Answer 2

Vimeo iframe正在关注焦点，因此输入字段无法点击。

仅在选择模式时，将宽度和填充顶部设置为包含Vimeo iframe的模态。

更改以下css选择器：

.modal .modal-inner.modal-video {
    width: 90% !important;
    padding-top: 50.625%;
}

到

.modal .modal-state:checked+.modal-window .modal-inner.modal-video {
    width: 90% !important;
    padding-top: 50.625%;
}

Answer 3

该网站在我的设备上非常滞后，也许您应该重新考虑设计。或者让平板电脑/手机更简单。

尽管如此，我发现后面的文字字段（包括）“你最喜欢的三部电影是什么？”可以正确聚焦，而且似乎有一些视图在这里的第一个文本字段之上形式。

也许这可以引导你朝着正确的方向前进。祝你好运！