JSFiddle - React, Tailwind, and code Playground

HTML

<script src="http://code.jquery.com/ui/jquery-ui-git.js"></script>

<script type='text/javascript'>
$(function(){
    
    $("#test").sortable({
        placeholder: "placeholder",
        items: "li:not(.disabled)",
        axis: "y"
    });    

});
</script>

<p>problem with .sortable(). drag one:</p>
<ul id="test">
   <li>Aaaaa</li>
   <li>Bbbbb</li>
   <li>Cccc</li>
   <li class="disabled">Dddd</li>
   <li>Eeee</li>
</ul>

CSS

#test li{margin:5px 0 5px 0; padding:0 5px; background:#eee; height:25px; line-height:25px; }
#test li.placeholder{background-color:#FFF0A5; height:25px;}