JSFiddle - React, Tailwind, and code Playground

by Chris Rebert

HTML

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css">
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
<div class="dropdown">
<ul class="dropdown-menu" id="menu">
    <li><a href="#">Download file</a></li>
    <li><a href="#">Upload file</a></li>
</ul>
</div>

CSS

#menu {
    position:absolute;
    top:20px;
    left:20px;
}
html, body {
    height: 100%;
    overflow:hidden;
}
.wrapper{
    position:relative;
}

JavaScript

//context menu for orders table
$(document).on("contextmenu", "body", function (event) {
    //we won't show the default context menu
    event.preventDefault();

    //showing it close to our cursor
    $('#menu').dropdown('toggle');
});