JSFiddle - React, Tailwind, and code Playground

by Imri Paloja

CSS

.custom-menu {
    z-index:1000;
    position: absolute;
    background-color:#F9F9F9;
    border: 1px solid #CCCCCC;
    color: #454545;
    padding: 2px 3px;
}

JavaScript

$(document).bind("contextmenu", function(event) {
    event.preventDefault();
    $("<div class='custom-menu'>Custom menu</div>").appendTo("body").css({
        top: event.pageY + "px",
        left: event.pageX + "px"
    });
}).bind("click", function(event) {
    if (!$(event.target).is(".custom-menu")) {
        $("div.custom-menu").hide();
    }
});