Trying to write a rule with :nth-child crashes tab after writing opening parenthesis

[DanielSmedegaardBuus]

Pretty much what the title says :)

To reproduce, open any page, say google.com. Then open Stylebot, go to Edit CSS, and then write any selector with an nth-child in it, such as
div:nth-child(
That's how far you get. The tab then freezes, and after a bit, you get "It's dead, Jim".

Cheers,
Daniel

[DanielSmedegaardBuus]

Same behavior with :not(, probably others.

[JiRybar]

This bug still persists.

[flatline-studios]

Still here... As a workaround, you can either uncheck the "Live Preview Changes" checkbox while you write the nth() or not() bit of the selector, or copy and paste the selector in in full... Like:

.ms-Fabric > div:nth-of-type(2) > div > div:first-of-type > div:last-of-type { display: none; }

Then it will still work as expected.

There's likely an OnChange() event firing in the editor textbox that's getting caught in a recursive loop, and eventually OOMing the tab. I don't have the time to analyze the problem and submit a PR to fix it though unfortunately.