JSFiddle - React, Tailwind, and code Playground

HTML

<script src="//ajax.googleapis.com/ajax/libs/jqueryui/1.9.1/jquery-ui.min.js"></script>
<script src="//ajax.googleapis.com/ajax/libs/jqueryui/1.9.1/jquery-ui.min.js"></script>
<div id="sortable">
    <div style="height: 200px;overflow:auto">
        <div class="handle" style="height: 300;">
            asdfdsafa<br />
            asdfdsafa<br />
            asdfdsafa<br />
            asdfdsafa<br />
            asdfdsafa<br />
            asdfdsafa<br />
            asdfdsafa<br />
            asdfdsafa<br />asdfdsafa<br />
                    asdfdsafa<br />
            asdfdsafa<br />
            asdfdsafa<br />
            asdfdsafa<br />
            asdfdsafa<br />
            asdfdsafa<br />
            asdfdsafa<br />asdfdsafa<br />
                    asdfdsafa<br />
            asdfdsafa<br />
            asdfdsafa<br />
            asdfdsafa<br />
            asdfdsafa<br />
            asdfdsafa<br />
            asdfdsafa<br />asdfdsafa<br />
                    asdfdsafa<br />
            asdfdsafa<br />
            asdfdsafa<br />
            asdfdsafa<br />
            asdfdsafa<br />
            asdfdsafa<br />
            asdfdsafa<br />asdfdsafa<br />
                    asdfdsafa<br />
            asdfdsafa<br />
            asdfdsafa<br />
            asdfdsafa<br />
            asdfdsafa<br />
            asdfdsafa<br />
            asdfdsafa<br />asdfdsafa<br />
          </div>
    </div>
    <div><div class="handle">asadf</div></div>
    <div><div class="handle">asad</div></div>
</div>

CSS

#sortable div{
    border: 1px solid black;
}

JavaScript

$('#sortable').sortable({handle: '.handle'});