JSFiddle - React, Tailwind, and code Playground

HTML

<div id="sortable">
  <div class="ui-state-default">Item 1</div>
  <div class="ui-state-default">Item 2</div>
  <div class="ui-state-default">Item 3</div>
  <div class="ui-state-default">Item 4</div>
  <div class="ui-state-default">Item 5</div>
  <div class="ui-state-default">Item 6</div>
  <div class="ui-state-default">Item 7</div>
</div>

CSS

#sortable {  overflow:scroll; height:200px;}

#sortable div {position:static; display:block; height:100px; margin: 0 3px 3px 3px; padding: 0.4em; padding-left: 1.5em; font-size: 1.4em; height: 18px; height:100px;}

JavaScript

$(function() {
  $( "#sortable" ).sortable();
  $( "#sortable" ).disableSelection();
});