JSFiddle - React, Tailwind, and code Playground

by TJ VanToll

HTML

<link href="http://code.jquery.com/ui/jquery-ui-git.css" rel="stylesheet" />
<script src="http://code.jquery.com/jquery-git.js"></script>
<script src="http://code.jquery.com/ui/jquery-ui-git.js"></script>

<div id="sortable">
    <div id="tall">#1: This can't be drug under #2</div>
    <div>#2: This can be drug above #1</div>
</div>

CSS

#tall {
    height: 50px;
}
div > div {
    border: 1px solid red;
}

JavaScript

$("#sortable").sortable({
    containment: 'parent'
});