JSFiddle - React, Tailwind, and code Playground

by Patrick

HTML

<ul class='list'>
    <li>lirtst1
        <ul class='list'>
            <li>item1</li>
            <li>item2</li>
        </ul></li>
    <li class='hiddesdfgn'>new list
        <ul class='list'>
        </ul>
    </li>
</ul>

CSS

.list {
    min-height: 4px;
}
.hidden {
    display: none;
}

JavaScript

$(function() {
    $('.list').sortable({
        connectWith: '.list',
        start: function() {}
    }).disableSelection();
});