JSFiddle - React, Tailwind, and code Playground

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>Press one of the first spinner's buttons (either will do), and then do the same with the second spinner (without clicking anywhere else in the meantime). The confirm dialog makes the second spinner get stuck into a loop, constantly incrementing/decrementing.</p><p>Clicking one of the spin buttons on the broken spinner corrects the state and things return to normal</p>
<input id="spinner1" class="mySpinner">
<input id="spinner2" class="mySpinner">
    <input id="spinner3" class="mySpinner">
        <input id="spinner4" class="mySpinner">
            <input id="spinner5" class="mySpinner">

JavaScript

var spinner = $( ".mySpinner" ).spinner({
    max: 100,
    min: -100,
    change: function( event, ui ) {
confirm("Pressing cancel breaks the other spinner");
        event.target.blur();
    }
});