JSFiddle - React, Tailwind, and code Playground

HTML

<script src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.8.9/jquery-ui.js"></script>
<div id="outter">
    <div id="red" class="draggable">
    I will revert, even if the original has been removed in between (works from 1.8.9 on, before 1.8.9 it freezed). However my cursor won't switch back but stays as 'move' :-(
    </div>
    <div id="blue" class="draggable">
    I will revert, sure thing!
    </div>
</div>

CSS

.draggable {
    height: 120px;
    width: 200px;
    margin: 5px;
    padding: 5px;
    font: normal 13px Verdana,Arial;
}

#red {
    border: 1px solid red;
}

#blue {
    border: 1px solid blue;
}

#outter{
    height: 500px;
    width: 100%;
}

JavaScript

$('#red').draggable({
    revert: 'invalid',
    helper: 'clone',
    cursor: 'move',
    start: function(){ 
        $('#red').remove(); 
    }
});

$('#blue').draggable({
    revert: 'invalid',
    helper: 'clone',
    cursor: 'move'    
});