Fix unpropagated click for background layer (#780)

* Make the contextmenu let click events passthrough

With useModal set to false, uses document.addeventlistener in capture
mode rather than an invisible layer.
Note that this probably breaks on older browsers, and some features or
options might not work anymore.

useModal is set to true by default, and should behave just like before.

* fix: fixup changes to older syntax and rebase onto master

---------

Co-authored-by: Speedphoenix <leonardo.jeanteur@gmail.com>

Author: bbrala

dist/jquery.contextMenu.css

@@ -12,7 +12,7 @@
  * Licensed under
  *   MIT License http://www.opensource.org/licenses/mit-license
  *
- * Date: 2025-11-04T11:10:12.861Z
+ * Date: 2025-11-04T11:25:40.032Z
  */
 @-webkit-keyframes cm-spin {
   0% {

dist/jquery.contextMenu.js

@@ -11,7 +11,7 @@
  * Licensed under
  *   MIT License http://www.opensource.org/licenses/mit-license
  *
- * Date: 2025-11-04T11:10:13.179Z
+ * Date: 2025-11-04T11:25:40.325Z
  */
 
 // jscs:disable
@@ -151,6 +151,9 @@
             // This overrides the reposition option.
             hideOnSecondTrigger: false,
 
+            // use a modal layer for closing the menu rather than a captured event on document
+            useModal: true,
+
             //ability to select submenu
             selectableSubMenu: false,
 
@@ -460,26 +463,38 @@
                 hoveract.timer = null;
             },
             // click on layer to hide contextMenu
-            layerClick: function (e) {
+            layerClick: function (e, opt, onhide) {
                 var $this = $(this),
-                    root = $this.data('contextMenuRoot'),
+                    root = (opt !== undefined) ? opt : $this.data('contextMenuRoot'),
                     button = e.button,
                     x = e.pageX,
                     y = e.pageY,
                     fakeClick = x === undefined,
                     target,
                     offset;
 
+                // If the click is not real, things break: https://github.com/swisnl/jQuery-contextMenu/issues/132
+                if(fakeClick){
+                    if (root !== null && typeof root !== 'undefined' && root.$menu !== null  && typeof root.$menu !== 'undefined') {
+                        root.$menu.trigger('contextmenu:hide');
+                    }
+                    return;
+                }
+
+                // if the click closing is done through windwow event listener rather than a transparent layer
+                if (!root.$layer) {
+                    target = document.elementFromPoint(x - $win.scrollLeft(), y - $win.scrollTop());
+                    if (root.$menu === null || typeof root.$menu === 'undefined' || !root.$menu[0].contains(target)) {
+
+                        root.$menu.trigger('contextmenu:hide');
+                        if (typeof onhide !== 'undefined')
+                            onhide();
+                    }
+                    return;
+                }
                 e.preventDefault();
 
                 setTimeout(function () {
-                    // If the click is not real, things break: https://github.com/swisnl/jQuery-contextMenu/issues/132
-                    if(fakeClick){
-                        if (root !== null && typeof root !== 'undefined' && root.$menu !== null  && typeof root.$menu !== 'undefined') {
-                            root.$menu.trigger('contextmenu:hide');
-                        }
-                        return;
-                    }
 
                     var $window;
                     var triggerAction = ((root.trigger === 'left' && button === 0) || (root.trigger === 'right' && button === 2));
@@ -1022,7 +1037,10 @@
                     css = {};
 
                 // hide any open menus
-                $('#context-menu-layer').trigger('mousedown');
+                if ($('#context-menu-layer').length > 0)
+                    $('#context-menu-layer').trigger('mousedown');
+                else
+                    $(document).trigger('contextmenu:hide');
 
                 // backreference for callbacks
                 opt.$trigger = $trigger;
@@ -1569,6 +1587,16 @@
                 return hasVisibleItems;
             },
             layer: function (opt, zIndex) {
+                if (!opt.useModal) {
+                    var listener = function (ev) {
+                        handle.layerClick(ev, opt, function() {
+                            document.removeEventListener('mousedown', listener, true);
+                        });
+                    };
+                    document.addEventListener('mousedown', listener, true);
+                    return;
+                }
+
                 // add transparent layer for click area
                 // filter and background for Internet Explorer, Issue #23
                 var $layer = opt.$layer = $('<div id="context-menu-layer"></div>')