Search code examples
macossafaridropdownhtml-select

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

We have a situation that Safari 13 (Beta 2 for Mac OS X 10.14) hangs on our website when clicking on a dropdown. (An HTML select element).

We have a dropdown to select the (clothing) size on every product detail page, so our site is useless with this bug.

I first experienced this in Safari Technology Preview 92.

The problem does not occur on iOS 13 (luckily) on our site. Other sites do not have the same problem.

Can other people confirm this bug? Does anybody have a clue as to why this happens? How can we avoid this?

Solution

  • Our software partner found the problem. It occurs when the styling contains: text-rendering: optimizeLegibility;

    A solution for us is to (globally) override the styling of the select:

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