JSFiddle - React, Tailwind, and code Playground

by andrewray

HTML

<div id="garbage"></div>
<div id="bad">
    <input type="text" id="bad_first" value="Don't click me" /><br />
    <input type="text" id="bad_second" value="Click me, OH $&*#" />
</div>

CSS

body {font-family:Helvetica, Arial}
p {padding:10px; background:#ffddaa}
#fine {background:#eee; padding:10px; margin:5px 0;}
#bad {background:#bbb; padding:10px; margin:5px 0;}

JavaScript

$('input').focus(function (event) {
    $(this).css('background', 'red');
    $('#garbage').html('Text to trigger reflow');
});