JSFiddle - React, Tailwind, and code Playground

by Per Ă…strand

HTML

<button id="tag-add">Click me!</button>

<div id="TagModal">
    Modal content
</div>

CSS

#tag-add{
    left: 100px;
    top: 30px;
    position: absolute;
}

#TagModal{
    left: 400px;
    top: 200px;
    position: absolute;
    background: skyblue;
}

JavaScript

$("#tag-add").on("click", function(){
	var p = $("#tag-add");
    var offset = p.offset();

    var $modal = $("#TagModal");
    $modal.offset({
      top: offset.top + p.outerHeight(),
      left: offset.left + p.outerWidth() - $modal.outerWidth()
    });
});