Mac OS 上的 Safari 13 Beta 在我单击下拉菜单时挂起

Question

我们遇到这样一种情况，即单击下拉菜单时 Safari 13（Mac OS X 10.14 的 Beta 2）在我们的网站上挂起。（一个 HTML select 元素）。

我们在每个产品详细信息页面上都有 select（服装）尺码的下拉菜单，因此我们的网站对这个错误毫无用处。

我第一次体验这个是在 Safari Technology Preview 92 中。

我们网站上的 iOS 13（很幸运）没有出现该问题。其他站点没有同样的问题。

其他人可以确认这个错误吗？有人知道为什么会这样吗？我们怎样才能避免这种情况？

Answer 1

我们的软件合作伙伴发现了问题。当样式包含以下内容时会发生：文本渲染：优化易读性；

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

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

Answer 2

这也导致一些网站对我没有响应，包括 WhatsApp Web。移除渲染：optimizeLegibility；解决了这个问题。

Answer 3

我看到

取得了成功

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

看到 this comment 之后。

Safari 13 Beta on Mac OS hanging when I click on a dropdown