JSFiddle - React, Tailwind, and code Playground

HTML

<h1 contenteditable="true">FF4 jQuery Selector Bug Report Example</h1>


<a id="works" href="#">no JS error</a>

<a id="breaks" href="#">JS error - "regular expression too complex" in FF4</a>


<p>The only difference is the missing right bracket in the "breaks" example.</p>

CSS

h1 {font-size:20px; font-family:sans-serif; padding:10px;}
a, p {display:block; padding:10px;}

JavaScript

$('a').click(function(e){
    if ($(this).is('#works')) {
        $('*[contenteditable=true]').css('background-color','#9e9');
    }
    else {
        $('*[contenteditable=true').css('background-color','#e9e');
    }
    e.preventDefault();
});