@rkmodules/rules 0.0.177 → 0.0.179

package/dist/index.esm.css

@@ -98,6 +98,7 @@
     top: 100%;
     right: 0;
     background-color: var(--bg);
+    z-index: 9999;
 }
 .MenuItem_UWLzD {
     padding: 4px 8px;

package/dist/index.esm.mjs

@@ -7055,6 +7055,7 @@ function Control(_a) {
 
 function Menu(_a) {
     var handle = _a.handle, children = _a.children;
+    var menuRef = React.useRef(null);
     var _b = __read(React.useState(false), 2), open = _b[0], setOpen = _b[1];
     var handleOpen = function () {
         setOpen(!open);
@@ -7062,7 +7063,21 @@ function Menu(_a) {
     var handleClose = function () {
         setOpen(false);
     };
-    return (React.createElement("div", { className: styles$2.Menu },
+    React.useEffect(function () {
+        if (!open)
+            return;
+        var handleClickOutside = function (event) {
+            var _a;
+            if (!((_a = menuRef.current) === null || _a === void 0 ? void 0 : _a.contains(event.target))) {
+                setOpen(false);
+            }
+        };
+        document.addEventListener("click", handleClickOutside);
+        return function () {
+            document.removeEventListener("click", handleClickOutside);
+        };
+    }, [open]);
+    return (React.createElement("div", { ref: menuRef, className: styles$2.Menu },
         React.createElement("div", { onClick: handleOpen }, handle),
         open && (React.createElement("div", { className: styles$2.MenuCanvas, onClick: handleClose }, children))));
 }