隐藏字段在Chrome中无法正确自动填充的问题

时间:2018-05-24 20:44:59

标签: html css forms drop-down-menu autofill

我的下拉字段使用隐藏的下拉字段来更新文本输入。原因是因为我使用了一个字段来显示状态'当选择美国以外的国家时,它将变为正在更新的文本字段。还有一个与本机菜单分开的演示交互式下拉菜单,它使用react来更新隐藏的下拉列表和文本字段。这一切都是通过一个国家通过反应来处理的。

结构看起来像这样......



.hidden {
  display: none;
}

<div class="wrapper">
  <input type="hidden" name="state" autocomplete="shipping address-level1">
  <div class="dropdown">
    <i class="icon icon-drop-down" role="presentation"></i>
      ::before <!-- presentation of dropdown that sets the hidden dropdown -->
  </div>
  <select class="hidden">
    <option value="AL">Alabama</option>
    <option value="AK">Alaska</option>
    <option value="AS">American Samoa</option>
    <!-- ... -->
  </select>
</div>
&#13;
&#13;
&#13;

最近Chrome的自动填充功能无法更新隐藏的选择菜单。这是chrome的问题吗?还有其他人遇到过这个问题吗?我发现display: nonevisibility: hidden会导致问题,但是让项目可见会启用Chrome自动填充下拉菜单。

任何信息将不胜感激!谢谢!

0 个答案:

没有答案