Closed patrickluethi closed 4 years ago
I added a contextmenu to a div. Everything works fine now i set the div to fullscreen with .requestFullscreen(). The div is now in fullscreen but the contextMenu doesnt appear anymore.
What do i need to change to make it appear?
Here is my code:
$.contextMenu({ selector: '.fixed-size-info', zIndex: 100, callback: function(key, options) { switch (key) { case 'fullscreen': if( window.innerHeight == screen.height) { // browser is fullscreen self._div.exitFullscreen(); var target = { parent: self._selectedGuid }; self.openParentInfo(target, self); } else { document.getElementById('fixed-size-info').requestFullscreen(); // openFullscreen(document.getElementById('fixed-size-info')); // openFullscreen(self._div); self.table.style.height = '100%'; var target = { parent: self._selectedGuid }; self.openParentInfo(target, self); } break; default: console.log(key); console.log(options); } }, items: { "fullscreen": { name: "Fullscreen", icon: "fas fa-expand" }, "sep1": "---------", "quit": { name: "Quit", icon: function() { return 'context-menu-icon context-menu-icon-quit'; } } } });
Do you get any errors? And i wonder, if you open the menu manually with javascript, does it display then?
https://swisnl.github.io/jQuery-contextMenu/demo/trigger-custom.html
I added a contextmenu to a div. Everything works fine now i set the div to fullscreen with .requestFullscreen(). The div is now in fullscreen but the contextMenu doesnt appear anymore.
What do i need to change to make it appear?
Here is my code: