@megha-ui/react 1.2.785 → 1.2.787

package/dist/components/dropdown/index.js

@@ -27,6 +27,28 @@ const Dropdown = ({ options, selectedValues, onChange, placeholder = "Select..."
     });
     const [collapsed, setCollapsed] = useState("");
     const [height, setHeight] = useState(0);
+    const getOverflowParentHeight = (element, fallback) => {
+        if (!element)
+            return fallback;
+        let parent = element.parentElement;
+        while (parent) {
+            const style = window.getComputedStyle(parent);
+            const overflowY = style.overflowY;
+            const overflow = style.overflow;
+            if (overflowY === "auto" ||
+                overflowY === "scroll" ||
+                overflow === "auto" ||
+                overflow === "scroll") {
+                const parentRect = parent.getBoundingClientRect();
+                const elementRect = element.getBoundingClientRect();
+                return parentRect.bottom - elementRect.bottom;
+            }
+            console.log({ parent });
+            parent = parent.parentElement;
+            console.log({ parent });
+        }
+        return fallback;
+    };
     const calculateAutoPosition = () => {
         if (!wrapperRef.current)
             return;
@@ -298,9 +320,10 @@ const Dropdown = ({ options, selectedValues, onChange, placeholder = "Select..."
     };
     const handleClick = (e) => {
         const clearEle = document.getElementById(clearId || "");
-        const screen = document.body.clientHeight;
         const rect = e.currentTarget.getBoundingClientRect();
-        setHeight(screen - rect.bottom);
+        const viewportSpace = document.body.clientHeight - rect.bottom;
+        const overflowSpace = getOverflowParentHeight(wrapperRef.current, viewportSpace);
+        setHeight(overflowSpace);
         if (clearEle === e.target) {
             e.preventDefault();
         }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@megha-ui/react",
-  "version": "1.2.785",
+  "version": "1.2.787",
   "description": "A collection of reusable UI components for React applications, built with TypeScript.",
   "main": "./dist/index.js",
   "module": "./dist/index.js",