如何在 chrome 上正确显示大型数据列表

Question

我最近制作了一个需要自动填充的输入的表单。一切正常，直到我用大量数据测试它，它突然中断了。

我使用了一个数据列表，其中选项是动态设置的，如果在 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>

Answer 1

如何为您的数据列表使用 Select2 库 (https://select2.org/dropdown)