@underverse-ui/underverse 0.2.36 → 0.2.37

package/dist/index.js

@@ -2449,13 +2449,30 @@ var Modal = ({
       document.body.style.overflow = "unset";
     };
   }, [isOpen]);
+  const isInsidePortal = (element) => {
+    if (!element) return false;
+    let current = element;
+    while (current) {
+      if (current.hasAttribute?.("data-datepicker") || current.hasAttribute?.("data-popover") || current.hasAttribute?.("data-dropdown") || current.hasAttribute?.("data-dropdown-menu") || current.hasAttribute?.("data-radix-popper-content-wrapper") || current.hasAttribute?.("data-radix-portal") || current.getAttribute?.("role") === "listbox" || current.getAttribute?.("role") === "dialog" || current.classList?.contains("datepicker-portal") || current.classList?.contains("popover-portal")) {
+        return true;
+      }
+      current = current.parentElement;
+    }
+    return false;
+  };
   const handleOverlayMouseDown = (event) => {
     mouseDownTarget.current = event.target;
   };
   const handleOverlayMouseUp = (event) => {
     const modalContent2 = modalContentRef.current;
-    const mouseDownOutside = modalContent2 && !modalContent2.contains(mouseDownTarget.current);
-    const mouseUpOutside = modalContent2 && !modalContent2.contains(event.target);
+    const mouseDownTarget_ = mouseDownTarget.current;
+    const mouseUpTarget = event.target;
+    if (isInsidePortal(mouseDownTarget_) || isInsidePortal(mouseUpTarget)) {
+      mouseDownTarget.current = null;
+      return;
+    }
+    const mouseDownOutside = modalContent2 && !modalContent2.contains(mouseDownTarget_);
+    const mouseUpOutside = modalContent2 && !modalContent2.contains(mouseUpTarget);
     if (closeOnOverlayClick && mouseDownOutside && mouseUpOutside) {
       onClose();
     }