JSFiddle - React, Tailwind, and code Playground

HTML

<div>Just some test content</div>
<div class="orgchart">click for details</div>
<div id="details"></div>

CSS

#details {
  position:absolute;
}

JavaScript

let elements = document.getElementsByClassName("orgchart");
for(var i = 0; i < elements.length; i++)
{
     elements[i].addEventListener("click", function(e){
        // get the position of the element that was clicked
        let clickedItem = e.target;
        var rect = clickedItem.getBoundingClientRect();
        // set the details div to that position and fill it with content
     		let details = document.getElementById("details");
        details.innerHTML = "Joe Average";
        details.style.left = (rect.left + 10) + "px";
        details.style.top = (rect.top + 20) + "px";
		});
}