Css 引导性能差-自定义选择和选择。窗体控件冻结几秒钟

我使用Bootstrap4.6，我有一个自定义的选择，有10-20个选项

 <select class="custom-select">
     <option disabled="" selected=""></option>
     <option value="1">a</option>
     ...
 </select>

A.
...

请参见演示：

当我打开并关闭select时，浏览器会冻结几秒钟

当我删除“自定义选择”选择器时，它不会冻结

仅当页面上存在使用display:grid的数据表时，它才会冻结，尽管自定义选择在网格元素之外

铬边的性能记录显示

发生什么事了？这是chromium中的bug，还是bootstrap中的bug

---

这是Windows上基于Chromium的浏览器中与可访问性相关的已知错误

它将固定在铬90+上

在此之前，您可以使用

-disable renderer accessibility

标志运行chromium浏览器，例如

"C:\Program Files (x86)\Microsoft\Edge\Application\msedge.exe" --profile-directory=Default --disable-renderer-accessibility

---

这是Windows上基于Chromium的浏览器中与可访问性相关的已知错误

它将固定在铬90+上

在此之前，您可以使用

-disable renderer accessibility

标志运行chromium浏览器，例如

"C:\Program Files (x86)\Microsoft\Edge\Application\msedge.exe" --profile-directory=Default --disable-renderer-accessibility

---

这是一个与Chrome 89的可访问性相关的问题

您可以在您的站点或应用程序的CSS中包含以下代码来解决此问题。它将删除引导转换。我认为这是一个比另一个答案中建议的更好的修复方法，如果您实际上是在为其他人提供服务，并且您不能告诉他们在打开浏览器时包含特殊参数

选择{
-webkit转换：无！重要；
-moz转换：无！重要；
-o-过渡：无！重要；
过渡：无！重要；
}
选择权{
-webkit转换：无！重要；
-moz转换：无！重要；
-o-过渡：无！重要；
过渡：无！重要；
}

这是一个与Chrome 89的可访问性相关的问题

您可以在您的站点或应用程序的CSS中包含以下代码来解决此问题。它将删除引导转换。我认为这是一个比另一个答案中建议的更好的修复方法，如果您实际上是在为其他人提供服务，并且您不能告诉他们在打开浏览器时包含特殊参数

选择{
-webkit转换：无！重要；
-moz转换：无！重要；
-o-过渡：无！重要；
过渡：无！重要；
}
选择权{
-webkit转换：无！重要；
-moz转换：无！重要；
-o-过渡：无！重要；
过渡：无！重要；
}

录制18秒对我来说没有问题：有趣。我附上了屏幕录音，以确保你和我做的一样。您使用的操作系统/浏览器/版本是什么？Windows 10/Chrome 89.0.4389.82。检查：是的，这是一个与可访问性相关的Windows/Chrome错误。录制18秒后对我来说没有问题：有趣。我附上了屏幕录音，以确保你和我做的一样。您使用的操作系统/浏览器/版本是什么？Windows 10/Chrome 89.0.4389.82。请检查：是的，这是一个与可访问性相关的Windows/Chrome错误。谢谢，我没有对此表示怀疑。它将在v90版本中修复，目前正在测试阶段。谢谢，我没有对此表示怀疑。它将在v90中修复，现在是测试版