JSFiddle - React, Tailwind, and code Playground

HTML

<div>I'm a box</div>

<label>Top</label><input type="text" class="top"/>
<label>Left</label><input type="text" class="left"/>

CSS

div {
    width:100px;
    height:100px;
    background-color:red;
    color:white;
}

JavaScript

jQuery(document).ready(function() {
    $('div').draggable({axis:'y',
                        stop: function(event,ui) {
                            $('input.top').val(ui.position.top);
                            $('input.left').val(ui.position.left);
                            //$('input.left').val(ui.helper.position().left);
                        }
                       });
});