Question

我有一张表格。在移动Chrome上，当我在表单的某个文本字段上时，会显示虚拟键盘。然后，我点击提交按钮（虚拟键盘仍然打开），第一次点击只会隐藏虚拟键盘，但不会触发按钮的操作。一旦键盘被隐藏，我将不得不再次点击，以便提交表单。这不仅发生在提交按钮，而且还包含任何链接。我将不得不在键盘外点击一次以隐藏它，并再次实际关注链接。

这不会发生在其他平台或移动浏览器上，例如Safari或Firefox for Android。在这些上，即使使用虚拟键盘，也可以点击提交按钮，表格将直接提交。

我希望即使键盘已启动，也可以在移动Chrome上轻松提交表单。

知道罪魁祸首是什么？

以下是相关HTML的外观，尽管它没有太多特别之处：

<form id="new_request" data-form="" class="request-form" action="/hc/en-us/requests" accept-charset="UTF-8" method="post">
  <input name="utf8" type="hidden" value="✓">
  <input type="hidden" name="authenticity_token" value="HCY07rZcz/AvN8B4luwCgytDJJn/ZX6a7suZylBX2Jsl/ZPxoyaYRINA/jzBkNChuQadebM9noQ+GmDpijTA==">

    <div class="form-field string  required  request_subject">
      <label for="request_subject">Subject</label>
      <input type="text" name="request[subject]" id="request_subject" maxlength="75" size="150">
    </div>

    <div class="form-field text  required  request_description">
      <label for="request_description">Details</label>
      <textarea name="request[description]" id="request_description"></textarea>
    </div>

  <footer><input type="submit" name="commit" value="Submit" data-track="hc_submit_login"></footer>

</form>

请务必注意，这会发生在Zendesk帮助中心。对于那些不熟悉它的人来说，这是一个我无法访问大部分代码的平台。我无法访问任何服务器端，默认情况下大部分前端已经为我服务，JS缩小了，虽然我可以在它上面添加我自己的JS。

谢谢！

移动Chrome浏览器

0 个答案: