JSFiddle - React, Tailwind, and code Playground

by Richard Ayotte

HTML

<link rel="stylesheet" href="http://ajax.googleapis.com/ajax/libs/dojo/1.7.1/dijit/themes/claro/claro.css">
<div id='container'>Firefox Dijit Menu Test (Click to see alert)</div>

CSS

#container {
    padding:10px;
    margin: 10px;
    border: 3px solid green;
    font-size: 120%;
    font-weight: bold;
    cursor: pointer;
    display: inline-block;
}

JavaScript

dojo.require('dijit.Menu');
dojo.require('dijit.MenuItem');

dojo.addOnLoad(function() {
    var ContainerNode = document.getElementById('container');
    
    var pMenu = new dijit.Menu({
       targetNodeIds: [ContainerNode]
    });
    
    var t = new dijit.MenuItem({
        label: "test",
        iconClass: "context_paste"
    }).placeAt(pMenu);
    
    dojo.connect(t, 'onClick', function(){alert("test")});
});