JSFiddle - React, Tailwind, and code Playground

by marco_m_alves

HTML

<script src="https://raw.github.com/cowboy/jquery-resize/v1.1/jquery.ba-resize.js"></script>
<div id="test" class="rect"></div>
<div id="debug"></div>

CSS

.rect { 
    background-color: whitesmoke; 
    border: thin solid grey;
    position: absolute;
    top: 30%;
    left: 30%;
    right: 30%;
    bottom: 30%;
}

JavaScript

$("#test").resize(function(){
    var pos = $("#test").position();
    $("#debug").text(pos.top + ", " + pos.left);
});