JSFiddle - React, Tailwind, and code Playground

by TJ VanToll

HTML

<link rel="stylesheet" href="http://code.jquery.com/ui/jquery-ui-git.css">
<script src="http://code.jquery.com/ui/jquery-ui-git.js"></script>
<p><a href="http://bugs.jqueryui.com/ticket/9063">jQuery UI #9063</a>: To recreate, scroll down in one dialog then give focus to the other.  You will be scrolled back to the top in the original dialog.</p> 

<div id="one"></div>
<div id="two">
    <div class="content">
        <div class="big">
            Scroll down, then give focus to the other dialog.
        </div>
    </div>
</div>

CSS

.content { height: 400px; overflow: auto; }
.big { height: 4000px; }

JavaScript

$( "#one, #two" ).dialog();