JSFiddle - React, Tailwind, and code Playground
HTML
<div contenteditable="true" id="d">
<span>Text to edit</span>
</div>
JavaScript
$("#d").draggable()
.click(function() {
$(this).draggable( {disabled: false});
}).dblclick(function() {
$(this).draggable({ disabled: true });
});