JSFiddle - React, Tailwind, and code Playground

HTML

<div id="box"></div>

CSS

#box { width: 100px; height: 100px; background: #f00; }

JavaScript

var box = document.querySelector('#box');

box.draggable = true;

box.addEventListener('dragstart', function (e) {
    console.log(e.pageX, e);
    
    // Doesn't work without this in FF.
    e.dataTransfer.setData('text/plain', 'node');
});

box.addEventListener('drag', function (e) {
    console.log(e.pageX, e);
});