JSFiddle - React, Tailwind, and code Playground

HTML

<li id="test" data-text="Test \n Drag"><label>Test Drag</label></li>
<textarea id="testtextarea"></textarea>

JavaScript

$("li").draggable({
       // snap: false, snapMode: 'both', revert: false,
        appendTo: "body",
        helper: "clone",
        zIndex: 100,       
    });


$("#testtextarea").droppable({
            drop: function (event, ui, e) {
                $("#testtextarea").val($("#test").attr("data-text"));
            }
});