Я недавно сделал форму, которая требует ввода, который требует автозаполнения.Все работало нормально, пока я не протестировал его с большим количеством данных, где он внезапно сломался.
Я использовал список данных, в котором параметры задаются динамически, и, если все отлично работает на edge или firefox, раскрывающийся список ввода не выстраивается должным образом при использовании с Chrome.
Вот на firefox и edge соответственно:
А теперь, вот как это выглядит на Chrome
Я пробовал несколько вещей, таких как заполнениеэто асинхронно, но, кажется, ничто не помогает, независимо от того, как я его кодирую, как только длина списка выходит за пределы определенной точки, он больше не совпадает с его вводом.Любая помощь будет принята с благодарностью
пример
HTML
let el = document.getElementById('exemple');
for(i=0;i<200;i++){
let option = document.createElement('OPTION');
option.innerHTML = i
el.appendChild(option);
}
<input list="exemple">
<datalist id="exemple">
</datalist>