JSFiddle - React, Tailwind, and code Playground

by Exceeder

HTML

<div id="info"></div>
<table><tr><td>
<div id="container">
    <div id="menu">
        menu
    </div>
</div>    
    </td></tr></table>

CSS

#container {
    top:20px;
    left:20px;
    position:relative;
    border:#444 1px solid;
    width:400px;
    height:400px;
    margin:10px;
}

#menu {
    background:#ccc;
    width:100px;
    height:100px;
    display:block;
    position:absolute;
    top:10px;
    left:10px;
}

JavaScript

$('#container').click(function(e) {
    $('#info').text(e.pageX + ' ' + e.pageY);
    $('#menu').offset({top:e.pageY-100,left:e.pageX});
});