JSFiddle - React, Tailwind, and code Playground

HTML

<html>
    <head>
<style>
.test { border: solid 1px #000; width: 200px; padding: 10px; height: 30px; }
</style>
    </head>
    <body>
<div class="test" id="apDiv1" >App Div 1</div>
<div class="test" id="apDiv2" style="position: absolute;">App Div 2</div>
    </body>
</html>

JavaScript

$(function() {
    $("#apDiv1").draggable();
  
    $("#apDiv1").bind("drag", function(event, ui) {
        var div = $("#apDiv2");
        div.text("Top: " + div.css("top") + ", Left: " + div.css("left"));
        div.css({ top: ui.offset.top + 52, left: ui.offset.left });
    });
});