JSFiddle - React, Tailwind, and code Playground

by CyrixInstead

HTML

<script src="http://code.jquery.com/ui/jquery-ui-git.js"></script>
<link rel="stylesheet" href="http://code.jquery.com/ui/jquery-ui-git.css">
<p>Put focus into the texbox and then press one of the spinner's buttons, without clicking anywhere else in the meantime. The alert dialog makes the spinner get stuck into a loop, constantly incrementing/decrementing.</p><p>Clicking one of the spin buttons corrects the state and things return to normal</p>
<input id="box" />
<input id="spinner1" class="mySpinner">

CSS

Run

JavaScript

$("#box").blur(function() {
    alert("blur")
});
var spinner = $( ".mySpinner" ).spinner({
    max: 100,
    min: -100
});