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 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>asadf</div>
    <div>asdf</div>
</div>

CSS

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

JavaScript

$('#sortable').sortable()