@ainias42/react-bootstrap-mobile 0.2.14 → 0.2.15

package/dist/bootstrapReactMobile.js

@@ -1,6 +1,6 @@
 /*!
  * 
- *   @ainias42/react-bootstrap-mobile v0.2.13
+ *   @ainias42/react-bootstrap-mobile v0.2.14
  *   git+https://github.com/Ainias/Bootstrap-React-Mobile.git
  *   Copyright (c) Silas Günther and project contributors.
  *   This source code is licensed under the MIT license found in the
@@ -7581,35 +7581,35 @@ const Menu = withMemo(withRenderBrowserOnly(function Menu({
     elem === null || elem === void 0 ? void 0 : elem.appendChild(portalContainer);
   }, [isOpen, portalContainer, window === null || window === void 0 ? void 0 : window.document.body]);
   useClientLayoutEffect(() => {
-    var _a;
     if (!menuRef.current) {
-      return;
-    }
-    const width = parseFloat(getComputedStyle(menuRef.current).width);
-    let newX = x;
-    if (newX > ((_a = window === null || window === void 0 ? void 0 : window.innerWidth) !== null && _a !== void 0 ? _a : 0) - width) {
-      newX -= width + offsetX;
-    }
-    if (newX < 0) {
-      newX = 0;
-    }
-    setInnerX(newX);
-  }, [offsetX, window === null || window === void 0 ? void 0 : window.innerWidth, x]);
-  useClientLayoutEffect(() => {
-    var _a;
-    if (!menuRef.current) {
-      return;
-    }
-    const height = parseFloat(getComputedStyle(menuRef.current).height);
-    let newY = y;
-    if (newY > ((_a = window === null || window === void 0 ? void 0 : window.innerHeight) !== null && _a !== void 0 ? _a : 0) - height) {
-      newY -= height + offsetY;
-    }
-    if (newY < 0) {
-      newY = 0;
+      return undefined;
     }
-    setInnerY(newY);
-  }, [offsetY, window === null || window === void 0 ? void 0 : window.innerHeight, y]);
+    const menuElement = menuRef.current;
+    const updateInnerPositions = () => {
+      var _a, _b;
+      const computedStyle = getComputedStyle(menuElement);
+      const height = parseFloat(computedStyle.height);
+      let newY = y;
+      if (newY > ((_a = window === null || window === void 0 ? void 0 : window.innerHeight) !== null && _a !== void 0 ? _a : 0) - height) {
+        newY -= height + offsetY;
+      }
+      setInnerY(Math.max(0, newY));
+      const width = parseFloat(computedStyle.width);
+      let newX = x;
+      if (newX > ((_b = window === null || window === void 0 ? void 0 : window.innerWidth) !== null && _b !== void 0 ? _b : 0) - width) {
+        newX -= width + offsetX;
+      }
+      setInnerX(Math.max(0, newX));
+    };
+    const observer = new ResizeObserver(() => {
+      updateInnerPositions();
+    });
+    observer.observe(menuElement);
+    updateInnerPositions();
+    return () => {
+      observer.disconnect();
+    };
+  }, [window, x, y, offsetX, offsetY]);
   // Other
   // Render Functions
   if (!isOpen) {
@@ -8735,7 +8735,6 @@ const Switch = withMemo(function Switch(_a) {
   }, [onChange, onChangeChecked]);
   const checkStopPropagation = (0,external_react_.useCallback)(ev => {
     if (stopPropagation) {
-      console.log("LOG-d stopPropagation inside checkStopPropagation", ev);
       ev.stopPropagation();
       ev.nativeEvent.stopPropagation();
     }