当我单击下拉列表时，Mac OS上的Safari 13 Beta挂起

Question

我们遇到的情况是，在单击下拉列表时，Safari 13（适用于Mac OS X 10.14的Beta 2）挂在我们的网站上。 （HTML选择元素）。

我们在每个产品详细信息页面上都有一个下拉菜单来选择（衣服）尺寸，因此我们的网站对于此错误毫无用处。

我第一次在Safari Technology Preview 92中体验了这一点。

幸运的是，在我们网站上的iOS 13上没有出现此问题。 其他站点没有相同的问题。

其他人可以确认此错误吗？ 有人知道为什么会发生这种情况吗？我们如何避免这种情况？

Answer 1

我们的软件合作伙伴发现了问题。在样式包含以下内容时发生： 文字渲染：optimizeLegibility；

我们的解决方案是（全局）覆盖select的样式：

<style>
   select * {
       text-rendering: unset !important;
   }
</style>

Answer 2

我看到了成功

<style>
  select {
    text-rendering: auto !important;
  }
</style>

看到this comment之后。

Answer 3

这也导致一些网站对我无响应，包括WhatsApp Web。除去渲染：optimizeLegibility；解决该问题。