x-ui-design 0.8.97 → 0.9.11

package/dist/index.esm.js

@@ -2653,11 +2653,11 @@ const usePopupPosition = ({
       top: (relativePosition.top || 0) + (targetRef.current?.offsetTop || 0) - (scrollableParents?.offsetTop || 0) + OFFSET,
       left: relativePosition.left + (targetRef.current?.offsetLeft || 0) - (targetRef.current?.clientWidth || 0) / 2
     };
-    console.log({
-      popupContainer: !popupContainer,
-      _containsElement,
-      inBody
-    });
+    if (e?.target && inBody) {
+      setOpen(false);
+      setPopupPosition({});
+      return;
+    }
     if (popupRef.current) {
       const popupRect = popupRef.current.getBoundingClientRect();
       const availableSpace = {
@@ -2666,6 +2666,13 @@ const usePopupPosition = ({
         left: container.left - (popupRect.width + OFFSET),
         right: (inBody ? window.innerWidth : scrollableParents?.clientWidth || 0) - (container.right + popupRect.width + OFFSET)
       };
+      console.log({
+        popupRect,
+        container,
+        scrollableParents,
+        innerWidth: window.innerWidth,
+        innerHeight: window.innerHeight
+      });
       let newPlacement = _placement;
       if (availableSpace.bottom < 0 && availableSpace.top > 0) {
         newPlacement = newPlacement.replace('bottom', 'top');
@@ -2687,17 +2694,8 @@ const usePopupPosition = ({
           positions.left = positions.left - popupRef.current.clientWidth + container.width;
         }
       }
-      console.log({
-        availableSpace,
-        newPlacement
-      });
       _setPlacement(newPlacement);
     }
-    if (e?.target === scrollableParents && inBody) {
-      setOpen(false);
-      setPopupPosition({});
-      return;
-    }
     const _calculation = () => {
       switch (_placement) {
         case "bottom":