Несколько динамических списков данных и Chrome

Question

Запуск chrome 58.0.3029.110 под Linux аналогичная проблема сообщается под Windows.

Динамический список данных (предоставляется через websocket).

При попытке попасть на страницу с несколькими списками данных ни один из списков данных не заполняется.

В то время я обнаружил, что местным решением было просто переключиться с человека 1 на человека 2.

Хотя это, кажется, решает проблему для меня, это не совсем совет, который я могу начать раздавать пользователям, которые так хотят использовать мой сайт.

Я потратил много часов, пытаясь определить, где проблема, и обнаружил, есть ли у меня только 1 экземпляр списка данных на этой странице и под испорченным профилем. (aka Person 1) список данных работает абсолютно нормально:

<input name="something" list="someresults"/>
<datalist id="someresults"></datalist>

Работая нормально, я могу перейти на любой из списков данных на странице, и все работает правильно.

В тот момент, когда я начинаю использовать второй список данных на той же странице:

  <input name="something" list="someresults"/>
    <datalist id="someresults"></datalist>
   <input name="something2" list="someresults2"/>
    <datalist id="someresults2"></datalist>

Ни один из них не будет загружать контент, стрелка заполняется, чтобы сказать контент, и, просматривая html, DOM обновлен с результатами сопоставления пользовательского ввода.

Просто почесать мою голову относительно того, что на земле может вызвать это, это, очевидно, не код, так как, как я говорю, изменяя профили Chrome, проблема исчезает.

Любая информация / исправить информацию будет высоко ценится

PS процесс довольно сложный, если требуется, я могу создать несколько демонстрационных страниц на живом сайте, чтобы показать проблему под рукой, так как я думаю, что фактическая работа слишком сложна, чтобы размещать все здесь

Answer 1

В этом случае это произошло из-за двух вещей, возможно, мое собственное резюме помогло сузить его намного быстрее.

1. Отключить основную форму: (если используется в основной форме, удалите ее)

autocomplete="off"

2. Отключите тот же тег, который используется во всех входных данных dataList: (удалить тег)autocomplete="off"

Обратите внимание, что с одним dataList и autocomplete="off" для данного поля все работало нормально.

(действительно странно)