JSFiddle - React, Tailwind, and code Playground

HTML

<script src="https://code.jquery.com/jquery-3.0.0.min.js"></script>
<div id="container"></div>
<div id="d" draggable="true"></div>

CSS

#d {
    width:20px;
    height:20px;
    background-color: red;
}

JavaScript

d = document.getElementById('d');
doc = document;
label = $('<div style="width: 30px; height: 20px; position: absolute; z-index: 100; background-color: blue;"/>');

x = 0;
y = 0;
d.addEventListener('drag', function(e){
    console.log("drag:", e)
    x = e.pageX + 10;
    y = e.pageY + 10;
    label.css({ top: y, left: x });
    console.log(x, y);
});

d.addEventListener('dragstart', function(e){
		var disableImg = $('<div style="top: 0; left: 0; width: 1px; height: 1px; position: absolute;"/>').appendTo('#container');
    e.dataTransfer.setDragImage(disableImg[0], 0, 0);
    e.dataTransfer.setData('application/node type', this);
    label.css({ top: e.pageY + 10, left: e.pageX + 10}).appendTo('#container');
    console.log("dragstart:", e)
});