gantt-task-react-v 1.0.10 → 1.0.12

package/dist/gantt-task-react.es.js

@@ -10829,10 +10829,17 @@ const TaskListInner = ({
                 ref: taskListContainerRef,
                 className: styles$d.horizontalContainer,
                 style: {
-                  height: Math.min(
-                    ganttHeight || ganttFullHeight,
-                    distances.minimumRowDisplayed * distances.rowHeight
-                  ),
+                  // visible height: clamp between minimum rows height and ganttFullHeight,
+                  // prefer explicit numeric ganttHeight when provided
+                  height: (() => {
+                    const minRowsHeight = distances.minimumRowDisplayed * distances.rowHeight;
+                    const resolved = typeof ganttHeight === "number" ? ganttHeight : void 0;
+                    const visible = Math.max(
+                      minRowsHeight,
+                      Math.min(ganttFullHeight, resolved ?? ganttFullHeight)
+                    );
+                    return visible;
+                  })(),
                   width: taskListWidth
                 },
                 children: /* @__PURE__ */ jsx(
@@ -18930,14 +18937,30 @@ const Gantt = (props) => {
       return () => {
       };
     }
-    setMeasuredHeight(node.getBoundingClientRect().height);
+    const measureWithAncestorFallback = (el) => {
+      const rect = el.getBoundingClientRect();
+      let height = rect.height;
+      try {
+        let p = el.parentElement;
+        while (p) {
+          const pRect = p.getBoundingClientRect();
+          if (pRect.height > height + 1) {
+            height = pRect.height;
+            break;
+          }
+          p = p.parentElement;
+        }
+      } catch (e) {
+      }
+      return height;
+    };
+    setMeasuredHeight(measureWithAncestorFallback(node));
     const ResizeObserverCtor = window.ResizeObserver;
     let ro;
     if (typeof ResizeObserverCtor === "function") {
       const ctor = ResizeObserverCtor;
       ro = new ctor(() => {
-        const rect = node.getBoundingClientRect();
-        setMeasuredHeight(rect.height);
+        setMeasuredHeight(measureWithAncestorFallback(node));
       });
       ro.observe(node);
     }

package/dist/gantt-task-react.umd.js

@@ -10846,10 +10846,17 @@
                   ref: taskListContainerRef,
                   className: styles$d.horizontalContainer,
                   style: {
-                    height: Math.min(
-                      ganttHeight || ganttFullHeight,
-                      distances.minimumRowDisplayed * distances.rowHeight
-                    ),
+                    // visible height: clamp between minimum rows height and ganttFullHeight,
+                    // prefer explicit numeric ganttHeight when provided
+                    height: (() => {
+                      const minRowsHeight = distances.minimumRowDisplayed * distances.rowHeight;
+                      const resolved = typeof ganttHeight === "number" ? ganttHeight : void 0;
+                      const visible = Math.max(
+                        minRowsHeight,
+                        Math.min(ganttFullHeight, resolved ?? ganttFullHeight)
+                      );
+                      return visible;
+                    })(),
                     width: taskListWidth
                   },
                   children: /* @__PURE__ */ jsxRuntime.jsx(
@@ -18947,14 +18954,30 @@
         return () => {
         };
       }
-      setMeasuredHeight(node.getBoundingClientRect().height);
+      const measureWithAncestorFallback = (el) => {
+        const rect = el.getBoundingClientRect();
+        let height = rect.height;
+        try {
+          let p = el.parentElement;
+          while (p) {
+            const pRect = p.getBoundingClientRect();
+            if (pRect.height > height + 1) {
+              height = pRect.height;
+              break;
+            }
+            p = p.parentElement;
+          }
+        } catch (e) {
+        }
+        return height;
+      };
+      setMeasuredHeight(measureWithAncestorFallback(node));
       const ResizeObserverCtor = window.ResizeObserver;
       let ro;
       if (typeof ResizeObserverCtor === "function") {
         const ctor = ResizeObserverCtor;
         ro = new ctor(() => {
-          const rect = node.getBoundingClientRect();
-          setMeasuredHeight(rect.height);
+          setMeasuredHeight(measureWithAncestorFallback(node));
         });
         ro.observe(node);
       }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "gantt-task-react-v",
-  "version": "1.0.10",
+  "version": "1.0.12",
   "description": "Interactive Gantt Chart for React with TypeScript.",
   "author": "aguilanbon",
   "homepage": "https://github.com/aguilanbon/gantt-task-react-v",