Safari Crashing on Page Interaction
Recently, a bug came up on our production app when using Safari browser. Whenever a user clicked on any select dropdown menu on the web app, the app crashes and reloads.
After reading a lot of questions and answers addressing this problem on the internet, it appears that there is no single problem that causes this. One thing common to most of the solutions that worked for some people is that it is a CSS problem. I tried out many of the solution which includes:
- Don’t use @font-face on a select box.
- Don’t use Typekit font.
but none of them worked for me.
So, I commented out all the CSS for the pages that were affected and started the debugging process.
The debugging process entailed adding the CSS that has been commented out piece by piece and testing. After about an hour of doing that, the culprit was produced. The issue was caused by the *:not() { } CSS syntax.
Finally, a bug that has persisted for close to three months is fixed. Hooray!!
