JSFiddle - React, Tailwind, and code Playground

by TJ VanToll

HTML

<link rel="stylesheet" href="http://code.jquery.com/ui/jquery-ui-git.css">
<!-- No problem in 1.10.2, yes problem in 1.10.3 and git -->
<script src="http://code.jquery.com/ui/jquery-ui-git.js"></script>
<!--<script src="http://code.jquery.com/ui/1.10.2/jquery-ui.js"></script>-->
<!--<script src="http://code.jquery.com/ui/1.10.3/jquery-ui.js"></script>-->

<div id="wrapper">
    <section>
        <div>One</div>
    </section>
    <section>
        <div>Two</div>
    </section>
</div>

CSS

#wrapper {
    position: absolute;
    height: 500px;
    width: 100%;
    overflow: auto;
}
section {
    position:relative;
    height: 400px;
    border:1px solid #44F;
}
section > div {
    background: #AAA;
    width: 100px;
    height: 25px;
}

JavaScript

$( "section > div" ).draggable();