JSFiddle - React, Tailwind, and code Playground

HTML

<div id="container">
    <div class="ciao"></div>
</div>

<p>Position: <span></span></p>

CSS

#container{
margin: 0 auto;
position:relative;
width:400px;
height:400px;
border:1px solid black}

.ciao{
width:30px;
height:30px;
background-color:rgba(255,0,0,0.8)}

JavaScript

$( ".ciao" ).draggable({

drag: function() {
$('p span').html($(this).position().left+","+
$(this).position().top);
    alert($(this).position().top);
}
});