JSFiddle - React, Tailwind, and code Playground

HTML

<div id="scroll"> 
  <div class="foo">foo1</div>
  <div class="foo">foo2</div>
  ....
  <div class="foo">foo8</div>
</div>

<div id="to_drop">
  DROP HERE!!!
</div>

CSS

#scroll
  {
    width: 100px;
    height: 80px;
    overflow: auto;
  }

JavaScript

$(document).ready(function() {
    $('.foo').draggable({
        helper: "clone"
    });
});