JSFiddle - React, Tailwind, and code Playground

HTML

<!doctype html>
 
<html lang="en">
<head>
    <meta charset="utf-8" />
    <title>jQuery UI Sortable - Connect lists</title>
    <link rel="stylesheet" href="http://code.jquery.com/ui/1.9.2/themes/base/jquery-ui.css" />
    <script src="http://code.jquery.com/jquery-1.8.3.js"></script>
    <script src="http://code.jquery.com/ui/1.9.2/jquery-ui.js"></script>
    <link rel="stylesheet" href="/resources/demos/style.css" />
    <style>
    #sortable, #draggable { 
      list-style-type: none; 
      margin: 0; 
      padding: 0 0 2.5em; 
      margin-right: 10px; 
   }
    #sortable li, #draggable li { 
      margin: 0 5px 5px 5px; 
      padding: 5px; 
      font-size: 1.2em; 
      width: 120px; 
   }
      
    .marker{
        background: none repeat scroll 0 0 #DDDDDD;
        border-bottom: 1px solid #BBBBBB;
        border-top: 1px solid #BBBBBB;
        display: block;
        height: 20px;
        width: 100%;
        text-align: center;
        vertical-align: middle;
        color: #666;
        font-size: 18px;
        font-style: italic;
    }
      
    #outerDiv{
        background: none repeat scroll 0 0 #EEEEEE;
        height: 100%;
        left: 0;
        position: absolute;
        overflow-y: scroll; 
        top: 0;
        width: 300px;
   }
      
    #innerDiv{
        border: 1px solid #CCCCCC;
        min-height: 400px;
        position:absolute;
    }
    #sortable{
        width: 200px;
        padding: 10px;
        border : 1px solid black;
        min-height: 230px;
    }
      
    #draggable{
        position:absolute;
        top:0;
        right:0;
    }
    .big{
        height: 80px;
    }
    </style>
    <script>
    $(function() {
      $( "#sortable" ).sortable({
           placeholder: "marker",
           axis: "y",
      });
        
      $("#draggable li").draggable({
          helper: "clone",
          cursor: "move",
          revert: "invalid",
          revertDuration: 500,
          connectToSortable: "#sortable"
...