JSFiddle - React, Tailwind, and code Playground

by Rusln

HTML

<link rel="stylesheet" href="http://code.jquery.com/ui/jquery-ui-git.css">
<script src="http://code.jquery.com/ui/jquery-ui-git.js"></script>
<div class="sortable">
    <div>
        <input type="text">
            <span class="sort">sort handle</span>
    </div>
    <div class="notme">
        <p>not me</p>
        
        <input type="text">
            <span class="sort">sort handle</span>
    </div>
</div>

CSS

.sortable > div {
    height: 100px;
    width: 200px;
    border: 2px solid black;
    padding: 10px;
}

JavaScript

$( ".sortable" ).sortable({
        cancel:'.notme',
    handle:".sort"
});