Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

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?

like image 313
Bjinse Avatar asked Sep 19 '19 14:09

Bjinse


People also ask

How do I fix unresponsive Safari on Mac?

If you still can't reload: Press Command-Q to quit Safari. If Safari doesn't quit, press Option-Command-Esc to force Safari to quit. Open Safari again and try to load the page.

Why won't my Safari let me click on anything?

Force Quit Safari ( command + option + esc keys). Then restart Safari holding the Shift key. You may have installed ad-injection malware ("adware"). Don't use any kind of "anti-virus" or "anti-malware" product on a Mac.

Why does Safari just hang?

Safari Keeps Freezing or Crashing on Mac: Possible Reasons But here are a few common reasons for the delay: You tried to do too many things at once, such as use an excessive amount of windows or tabs. The site you were browsing overload Safari with its plugin use or processing demands.

How do I open the drop down menu in Safari?

Launch or open the Safari Browser on your Mac. 2. Click on the Safari Tab in the top-menu bar and select Preferences… option in the drop-down menu.


2 Answers

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>
like image 192
Bjinse Avatar answered Nov 03 '22 06:11

Bjinse


I'm seeing success with

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

after seeing this comment .

like image 26
pjs Avatar answered Nov 03 '22 06:11

pjs