输入元素在键入时更改顺序

Question

每当我开始输入输入元素时，输入都会更改位置。这仅发生在移动设备上，我的计算机上从未遇到过此问题。我已附上一张gif文件，显示我遇到的问题。我一直试图找出是什么原因导致了这个问题，但似乎无法解决。任何帮助将不胜感激！

Answer 1

我假设您正在使用数组来呈现此输入元素。

我找到了解决此问题的方法。基本上，我发现Safari（仅）在每次更新时都会搞乱数组位置排序。我所做的是在每次渲染之前根据一些键/ id对数组（包含您的输入元素配置）进行排序，并且它起作用了。

source