JSFiddle - React, Tailwind, and code Playground

HTML

<div class="draggable"><div class="editable" contenteditable="true">Enter Text Here</div></div>

CSS

.draggable {
    border:2px solid #000;
    padding:5px;
    width:200px;
    height:40px;
}
.editable {
    max-width:190px;
    height:20px;
    border: 1px solid #f00;
    padding:1px;
    display: inline-block;
}

JavaScript

$(".draggable").draggable();
$(".editable").on("mousedown", function (e) {
    e.stopPropagation();
    return;
});