Safari select dropdown not working in admin and Embedded Apps

Solved
Excursionist
29 0 7

Hi Shopify, I have a bug report that seems isolated to newer versions of Safari.  We had complaints from a few customers using our app that <select> dropdowns would not open in the Embedded app.  We use polaris html components (not react) to build these.  

 

I've also found that some select dropdowns do not work in the partner dashboard when using Safari.  For example opening one of our apps, clicking App Actions > Install on development store > opens the modal to select a dev store, but clicking the <select> dropdown doesn't show any options and crashes Safari.

 

Chrome and Firefox are working fine.  This was on macOs Mojave Safari 13.0.1

 

Thanks!

0 Likes

Success.

Shopify Staff
Shopify Staff
1555 79 240

Which version of the Polaris stylesheet are you including? This has been fixed as of 4.3.0, so using the latest version should work. If you're stuck using an older version for now, you could hotfix it with some CSS overloading:

 

select {
  text-rendering: auto !important;
}

Cheers.

0 Likes
Highlighted
Excursionist
29 0 7

Hi Alex, updating to the latest version of Polaris didn't solve the issue, but the CSS hotfix you suggested did.

 

Thanks for the prompt reply!

1 Like