输入时输入元素改变顺序答案

【问题标题】：Input elements change order when typing输入时输入元素改变顺序
【发布时间】：2019-08-02 13:25:36
【问题描述】：

每当我开始在输入元素中输入内容时，输入都会改变位置。这只发生在移动设备上，我的电脑上从来没有遇到过这个问题。我附上了一个 gif，显示了我遇到的问题。一段时间以来，我一直试图找出导致此问题的原因，但似乎无法弄清楚。任何帮助将不胜感激！

【问题讨论】：

【解决方案1】：

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

我已经找到了这个问题的解决方案。基本上我发现 Safari （仅）每次在其中更新某些内容时都会弄乱数组位置排序。我所做的是在每次渲染之前根据一些键/ID对数组（包含您的输入元素配置）进行排序并且它起作用了。

【讨论】：

谢谢！由于我只使用两个输入（电子邮件和密码），我只是确保根据每个输入的名称对数组进行排序，因此它总是在密码之前是电子邮件。感谢您的帮助，因为我终于能够修复这个烦人的错误了！