My project is a Ruby on Rails project and it ran fine before, but recently it stopped working in Chrome. It runs fine in Safari and Firefox.
When I have the developer tools window open and I refresh the page it pauses several times during load to yell at me
🚫 Paused on exception DOMException: Failed to execute 'querySelectorAll' on 'Element': '\' is not a valid selector.
then as I play through the breaks...
DOMException: Failed to execute 'querySelectorAll' on 'Element': '*,:x' is not a valid selector.
DOMException: Failed to execute 'matches' on 'Element': '[s!='']:x' is not a valid selector.
The line of code is
el.querySelectorAll("\\\f");
el.querySelectorAll("*,:x");
matches.call(el, "[s!='']:x");
This issue happens in both sizzle.js and jquery.js respectively.
The Call stack is just dependencies and nothing I wrote.
(https://i.sstatic.net/TamRZ.png)
This problem started happening around a month or so ago when I updated Chrome, so I checked out a branch and reverted to a commit from multiple months ago. I then clobbered webpack and recompiled all my dependencies because I was positive I did not have this issue before. Alas, it does not work either.
Is there some bug in the most recent version of Chrome for MacOS?
https://github.com/jquery/sizzle/blob/main/src/sizzle.js#L879
This line of code in the jquery source code throws an exception.
Make sure the Sources dev tool for Chrome is not configured to Pause on uncaught exceptions and Pause on caught exceptions
