JSFiddle - React, Tailwind, and code Playground

HTML

<input type="text" ondrop="drop(event)" ondragover="allowDrop(event)">

JavaScript

function allowDrop(ev) {
    ev.preventDefault();
}

function drag(ev) {
    ev.dataTransfer.setData("Text", ev.target.id);
}

function drop(ev) {
    ev.preventDefault();
    var data = ev.dataTransfer.getData("Text");
    ev.target.appendChild(document.getElementById(data));
}