JSFiddle - React, Tailwind, and code Playground

HTML

<div id="test" style="height:1000px;padding-top:100px">

    
<ul id="sortable" style="position:relative">
    <li>test</li>
    <li>test</li>
    <li>test</li>
    <li>test</li>
    <li>test</li>
    <li>test</li>
    <li>test</li>
</ul>
</div>

CSS

html
{
    height:100%;
    overflow-y:scroll;
}

JavaScript

$("#sortable").sortable();