Мои раскрывающиеся поля используют скрытое раскрывающееся поле, которое обновляет текстовый ввод.Причина в том, что я использую поле для «штата», и когда выбрана страна, отличная от США, она превращается в текстовое поле, которое обновляется.Существует также интерактивное раскрывающееся меню презентации, которое отделено от собственного меню и использует реакцию для обновления скрытого раскрывающегося списка, а также текстовое поле.Все это обрабатывается с помощью одного состояния посредством реакции.
Структура выглядит следующим образом ...
.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>
В последнее время автозаполнение Chrome не обновляло скрытое меню выбора.Это проблема с хромом?Кто-нибудь еще сталкивался с этой проблемой?Поискив вокруг я обнаружил, что display: none и visibility: hidden вызывают проблему, но если сделать элемент видимым, включится автозаполнение Chrome для выпадающего списка.
Любая информация будет принята с благодарностью!Спасибо!