gantt-task-react-v 1.0.37 → 1.0.38

package/dist/components/other/vertical-scroll.d.ts

@@ -8,5 +8,4 @@ export declare const VerticalScroll: React.FC<{
     onScroll: (event: SyntheticEvent<HTMLDivElement>) => void;
     rtl: boolean;
     verticalScrollbarRef: RefObject<HTMLDivElement>;
-    containerHeight?: number | null;
 }>;

package/dist/components/task-list/index.d.ts

@@ -14,6 +14,7 @@ export type TaskListProps = {
     distances: Distances;
     fullRowHeight: number;
     ganttFullHeight: number;
+    ganttHeight: number;
     getTaskCurrentState: (task: Task) => Task;
     handleAddTask: (task: Task | null) => void;
     handleDeleteTasks: (task: RenderTask[]) => void;

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

@@ -4661,15 +4661,13 @@ const VerticalScroll = ({
   isChangeInProgress,
   onScroll,
   rtl,
-  verticalScrollbarRef,
-  containerHeight
+  verticalScrollbarRef
 }) => {
-  const scrollHeight = containerHeight !== null && containerHeight !== void 0 ? Math.max(containerHeight - headerHeight, 100) : ganttHeight;
   return /* @__PURE__ */ jsx(
     "div",
     {
       style: {
-        height: scrollHeight,
+        height: ganttHeight,
         marginTop: headerHeight,
         marginLeft: rtl ? void 0 : "-1rem",
         pointerEvents: isChangeInProgress ? "none" : void 0
@@ -5164,7 +5162,6 @@ const DEFAULT_THEME = {
     expandIconWidth: 20,
     handleWidth: 8,
     headerHeight: 50,
-    ganttHeight: 600,
     minimumRowDisplayed: 4,
     nestedTaskNameOffset: 20,
     relationCircleOffset: 10,
@@ -10640,14 +10637,14 @@ const TaskListTableDefaultInner = ({
   );
 };
 const TaskListTable = memo(TaskListTableDefaultInner);
-const taskListRoot = "_taskListRoot_apbmu_1";
-const taskListHorizontalScroll = "_taskListHorizontalScroll_apbmu_19";
-const taskListResizer = "_taskListResizer_apbmu_83";
-const horizontalContainer$1 = "_horizontalContainer_apbmu_147";
-const tableWrapper = "_tableWrapper_apbmu_163";
-const scrollToTop = "_scrollToTop_apbmu_177";
-const scrollToBottom = "_scrollToBottom_apbmu_193";
-const hidden = "_hidden_apbmu_209";
+const taskListRoot = "_taskListRoot_yoz76_1";
+const taskListHorizontalScroll = "_taskListHorizontalScroll_yoz76_19";
+const taskListResizer = "_taskListResizer_yoz76_81";
+const horizontalContainer$1 = "_horizontalContainer_yoz76_145";
+const tableWrapper = "_tableWrapper_yoz76_159";
+const scrollToTop = "_scrollToTop_yoz76_173";
+const scrollToBottom = "_scrollToBottom_yoz76_189";
+const hidden = "_hidden_yoz76_205";
 const styles$d = {
   taskListRoot,
   taskListHorizontalScroll,
@@ -10681,6 +10678,7 @@ const TaskListInner = ({
   distances,
   fullRowHeight,
   ganttFullHeight,
+  ganttHeight,
   getTaskCurrentState,
   handleAddTask,
   handleDeleteTasks,
@@ -10811,16 +10809,17 @@ const TaskListInner = ({
                 ref: taskListContainerRef,
                 className: styles$d.horizontalContainer,
                 style: {
-                  height: "100%",
-                  minHeight: distances.minimumRowDisplayed * distances.rowHeight,
+                  height: Math.max(
+                    ganttHeight - ((tableBottom == null ? void 0 : tableBottom.height) || 0),
+                    distances.minimumRowDisplayed * distances.rowHeight
+                  ),
                   width: taskListWidth
                 },
                 children: /* @__PURE__ */ jsx(
                   "div",
                   {
                     style: {
-                      height: "100%",
-                      minHeight: Math.max(
+                      height: Math.max(
                         ganttFullHeight,
                         distances.minimumRowDisplayed * distances.rowHeight
                       ),
@@ -13136,10 +13135,10 @@ const TaskGanttContentInner = (props) => {
   ] });
 };
 const TaskGanttContent = memo(TaskGanttContentInner);
-const ganttVerticalContainer = "_ganttVerticalContainer_i4cef_1";
-const horizontalContainer = "_horizontalContainer_i4cef_79";
-const wrapper = "_wrapper_i4cef_95";
-const calendarDragging = "_calendarDragging_i4cef_125";
+const ganttVerticalContainer = "_ganttVerticalContainer_1wr55_1";
+const horizontalContainer = "_horizontalContainer_1wr55_73";
+const wrapper = "_wrapper_1wr55_85";
+const calendarDragging = "_calendarDragging_1wr55_109";
 const styles$2 = {
   ganttVerticalContainer,
   horizontalContainer,
@@ -13154,6 +13153,7 @@ const TaskGanttInner = (props) => {
     fullRowHeight,
     fullSvgWidth,
     ganttFullHeight,
+    ganttHeight,
     ganttSVGRef,
     ganttTodayProps,
     ganttTodayProps: {
@@ -13170,16 +13170,14 @@ const TaskGanttInner = (props) => {
   const moveStateScrollRef = useRef(null);
   const containerStyle = useMemo(
     () => ({
-      height: "100%",
-      width: fullSvgWidth,
-      minHeight: minimumRowDisplayed * rowHeight
+      height: Math.max(ganttHeight, minimumRowDisplayed * rowHeight),
+      width: fullSvgWidth
     }),
-    [minimumRowDisplayed, rowHeight, fullSvgWidth]
+    [ganttHeight, minimumRowDisplayed, rowHeight, fullSvgWidth]
   );
   const gridStyle = useMemo(
     () => ({
-      height: "100%",
-      minHeight: Math.max(ganttFullHeight, minimumRowDisplayed * rowHeight),
+      height: Math.max(ganttFullHeight, minimumRowDisplayed * rowHeight),
       width: fullSvgWidth,
       backgroundSize: `${columnWidth}px ${fullRowHeight * 2}px`,
       backgroundPositionX: additionalLeftSpace || void 0,
@@ -13305,15 +13303,7 @@ const TaskGanttInner = (props) => {
                 ref: ganttSVGRef,
                 children: [
                   /* @__PURE__ */ jsx(GanttToday, { ...ganttTodayProps }),
-                  /* @__PURE__ */ jsx(
-                    "rect",
-                    {
-                      ref: contentRef,
-                      width: "100%",
-                      height: "100%",
-                      fill: "transparent"
-                    }
-                  ),
+                  /* @__PURE__ */ jsx("rect", { ref: contentRef, width: "100%", height: "100%", fill: "transparent" }),
                   /* @__PURE__ */ jsx(TaskGanttContent, { ...barProps })
                 ]
               }
@@ -18598,9 +18588,28 @@ const Gantt = (props) => {
   const [sortedTasks, setSortedTasks] = useState(
     () => [...clientTasks].sort(sortTasks)
   );
+  const [containerHeight, setContainerHeight] = useState(
+    void 0
+  );
   useEffect(() => {
     setSortedTasks([...clientTasks].sort(sortTasks));
   }, [clientTasks]);
+  useEffect(() => {
+    if (!wrapperRef.current) {
+      return () => {
+      };
+    }
+    const resizeObserver = new ResizeObserver((entries) => {
+      for (const entry of entries) {
+        const { height } = entry.contentRect;
+        setContainerHeight(height);
+      }
+    });
+    resizeObserver.observe(wrapperRef.current);
+    return () => {
+      resizeObserver.disconnect();
+    };
+  }, []);
   const [childTasksMap, rootTasksMap] = useMemo(
     () => getChildsAndRoots(sortedTasks, null),
     [sortedTasks]
@@ -18678,34 +18687,21 @@ const Gantt = (props) => {
     },
     [maxLevelLength, fullRowHeight, (_a = taskList == null ? void 0 : taskList.tableBottom) == null ? void 0 : _a.height]
   );
-  const [containerHeight, setContainerHeight] = useState(null);
-  useEffect(() => {
-    const wrapperElement = wrapperRef.current;
-    if (!wrapperElement) {
-      return void 0;
-    }
-    const resizeObserver = new ResizeObserver((entries) => {
-      for (const entry of entries) {
-        const { height } = entry.contentRect;
-        if (height > 0) {
-          setContainerHeight(height);
-        }
-      }
-    });
-    resizeObserver.observe(wrapperElement);
-    return () => {
-      resizeObserver.disconnect();
-    };
-  }, []);
   const ganttHeight = useMemo(() => {
-    if (containerHeight !== null) {
-      return Math.min(
-        containerHeight - distances.headerHeight,
-        ganttFullHeight
-      );
+    if (distances.ganttHeight) {
+      return Math.min(distances.ganttHeight, ganttFullHeight);
     }
-    return distances.ganttHeight ? Math.min(distances.ganttHeight, ganttFullHeight) : ganttFullHeight;
-  }, [distances, ganttFullHeight, containerHeight]);
+    if (containerHeight) {
+      const availableHeight = containerHeight - distances.headerHeight;
+      return Math.min(availableHeight, ganttFullHeight);
+    }
+    return ganttFullHeight;
+  }, [
+    distances.ganttHeight,
+    distances.headerHeight,
+    ganttFullHeight,
+    containerHeight
+  ]);
   const [taskToRowIndexMap, rowIndexToTaskMap, mapGlobalRowIndexToTask] = useMemo(
     () => getMapTaskToRowIndex(visibleTasks, comparisonLevels),
     [visibleTasks, comparisonLevels]
@@ -19787,6 +19783,7 @@ const Gantt = (props) => {
       distances,
       fullRowHeight,
       ganttFullHeight,
+      ganttHeight,
       getTaskCurrentState,
       handleAddTask,
       handleDeleteTasks,
@@ -19816,6 +19813,7 @@ const Gantt = (props) => {
       distances,
       fullRowHeight,
       ganttFullHeight,
+      ganttHeight,
       getTaskCurrentState,
       handleAddTask,
       handleDeleteTasks,
@@ -19886,8 +19884,7 @@ const Gantt = (props) => {
             isChangeInProgress: Boolean(changeInProgress),
             onScroll: onVerticalScrollbarScrollY,
             rtl,
-            verticalScrollbarRef,
-            containerHeight
+            verticalScrollbarRef
           }
         ),
         taskList.enableTableListContextMenu && !waitCommitTasks && /* @__PURE__ */ jsx(

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

@@ -4678,15 +4678,13 @@
     isChangeInProgress,
     onScroll,
     rtl,
-    verticalScrollbarRef,
-    containerHeight
+    verticalScrollbarRef
   }) => {
-    const scrollHeight = containerHeight !== null && containerHeight !== void 0 ? Math.max(containerHeight - headerHeight, 100) : ganttHeight;
     return /* @__PURE__ */ jsxRuntime.jsx(
       "div",
       {
         style: {
-          height: scrollHeight,
+          height: ganttHeight,
           marginTop: headerHeight,
           marginLeft: rtl ? void 0 : "-1rem",
           pointerEvents: isChangeInProgress ? "none" : void 0
@@ -5181,7 +5179,6 @@
       expandIconWidth: 20,
       handleWidth: 8,
       headerHeight: 50,
-      ganttHeight: 600,
       minimumRowDisplayed: 4,
       nestedTaskNameOffset: 20,
       relationCircleOffset: 10,
@@ -10657,14 +10654,14 @@
     );
   };
   const TaskListTable = React.memo(TaskListTableDefaultInner);
-  const taskListRoot = "_taskListRoot_apbmu_1";
-  const taskListHorizontalScroll = "_taskListHorizontalScroll_apbmu_19";
-  const taskListResizer = "_taskListResizer_apbmu_83";
-  const horizontalContainer$1 = "_horizontalContainer_apbmu_147";
-  const tableWrapper = "_tableWrapper_apbmu_163";
-  const scrollToTop = "_scrollToTop_apbmu_177";
-  const scrollToBottom = "_scrollToBottom_apbmu_193";
-  const hidden = "_hidden_apbmu_209";
+  const taskListRoot = "_taskListRoot_yoz76_1";
+  const taskListHorizontalScroll = "_taskListHorizontalScroll_yoz76_19";
+  const taskListResizer = "_taskListResizer_yoz76_81";
+  const horizontalContainer$1 = "_horizontalContainer_yoz76_145";
+  const tableWrapper = "_tableWrapper_yoz76_159";
+  const scrollToTop = "_scrollToTop_yoz76_173";
+  const scrollToBottom = "_scrollToBottom_yoz76_189";
+  const hidden = "_hidden_yoz76_205";
   const styles$d = {
     taskListRoot,
     taskListHorizontalScroll,
@@ -10698,6 +10695,7 @@
     distances,
     fullRowHeight,
     ganttFullHeight,
+    ganttHeight,
     getTaskCurrentState,
     handleAddTask,
     handleDeleteTasks,
@@ -10828,16 +10826,17 @@
                   ref: taskListContainerRef,
                   className: styles$d.horizontalContainer,
                   style: {
-                    height: "100%",
-                    minHeight: distances.minimumRowDisplayed * distances.rowHeight,
+                    height: Math.max(
+                      ganttHeight - ((tableBottom == null ? void 0 : tableBottom.height) || 0),
+                      distances.minimumRowDisplayed * distances.rowHeight
+                    ),
                     width: taskListWidth
                   },
                   children: /* @__PURE__ */ jsxRuntime.jsx(
                     "div",
                     {
                       style: {
-                        height: "100%",
-                        minHeight: Math.max(
+                        height: Math.max(
                           ganttFullHeight,
                           distances.minimumRowDisplayed * distances.rowHeight
                         ),
@@ -13153,10 +13152,10 @@
     ] });
   };
   const TaskGanttContent = React.memo(TaskGanttContentInner);
-  const ganttVerticalContainer = "_ganttVerticalContainer_i4cef_1";
-  const horizontalContainer = "_horizontalContainer_i4cef_79";
-  const wrapper = "_wrapper_i4cef_95";
-  const calendarDragging = "_calendarDragging_i4cef_125";
+  const ganttVerticalContainer = "_ganttVerticalContainer_1wr55_1";
+  const horizontalContainer = "_horizontalContainer_1wr55_73";
+  const wrapper = "_wrapper_1wr55_85";
+  const calendarDragging = "_calendarDragging_1wr55_109";
   const styles$2 = {
     ganttVerticalContainer,
     horizontalContainer,
@@ -13171,6 +13170,7 @@
       fullRowHeight,
       fullSvgWidth,
       ganttFullHeight,
+      ganttHeight,
       ganttSVGRef,
       ganttTodayProps,
       ganttTodayProps: {
@@ -13187,16 +13187,14 @@
     const moveStateScrollRef = React.useRef(null);
     const containerStyle = React.useMemo(
       () => ({
-        height: "100%",
-        width: fullSvgWidth,
-        minHeight: minimumRowDisplayed * rowHeight
+        height: Math.max(ganttHeight, minimumRowDisplayed * rowHeight),
+        width: fullSvgWidth
       }),
-      [minimumRowDisplayed, rowHeight, fullSvgWidth]
+      [ganttHeight, minimumRowDisplayed, rowHeight, fullSvgWidth]
     );
     const gridStyle = React.useMemo(
       () => ({
-        height: "100%",
-        minHeight: Math.max(ganttFullHeight, minimumRowDisplayed * rowHeight),
+        height: Math.max(ganttFullHeight, minimumRowDisplayed * rowHeight),
         width: fullSvgWidth,
         backgroundSize: `${columnWidth}px ${fullRowHeight * 2}px`,
         backgroundPositionX: additionalLeftSpace || void 0,
@@ -13322,15 +13320,7 @@
                   ref: ganttSVGRef,
                   children: [
                     /* @__PURE__ */ jsxRuntime.jsx(GanttToday, { ...ganttTodayProps }),
-                    /* @__PURE__ */ jsxRuntime.jsx(
-                      "rect",
-                      {
-                        ref: contentRef,
-                        width: "100%",
-                        height: "100%",
-                        fill: "transparent"
-                      }
-                    ),
+                    /* @__PURE__ */ jsxRuntime.jsx("rect", { ref: contentRef, width: "100%", height: "100%", fill: "transparent" }),
                     /* @__PURE__ */ jsxRuntime.jsx(TaskGanttContent, { ...barProps })
                   ]
                 }
@@ -18615,9 +18605,28 @@
     const [sortedTasks, setSortedTasks] = React.useState(
       () => [...clientTasks].sort(sortTasks)
     );
+    const [containerHeight, setContainerHeight] = React.useState(
+      void 0
+    );
     React.useEffect(() => {
       setSortedTasks([...clientTasks].sort(sortTasks));
     }, [clientTasks]);
+    React.useEffect(() => {
+      if (!wrapperRef.current) {
+        return () => {
+        };
+      }
+      const resizeObserver = new ResizeObserver((entries) => {
+        for (const entry of entries) {
+          const { height } = entry.contentRect;
+          setContainerHeight(height);
+        }
+      });
+      resizeObserver.observe(wrapperRef.current);
+      return () => {
+        resizeObserver.disconnect();
+      };
+    }, []);
     const [childTasksMap, rootTasksMap] = React.useMemo(
       () => getChildsAndRoots(sortedTasks, null),
       [sortedTasks]
@@ -18695,34 +18704,21 @@
       },
       [maxLevelLength, fullRowHeight, (_a = taskList == null ? void 0 : taskList.tableBottom) == null ? void 0 : _a.height]
     );
-    const [containerHeight, setContainerHeight] = React.useState(null);
-    React.useEffect(() => {
-      const wrapperElement = wrapperRef.current;
-      if (!wrapperElement) {
-        return void 0;
-      }
-      const resizeObserver = new ResizeObserver((entries) => {
-        for (const entry of entries) {
-          const { height } = entry.contentRect;
-          if (height > 0) {
-            setContainerHeight(height);
-          }
-        }
-      });
-      resizeObserver.observe(wrapperElement);
-      return () => {
-        resizeObserver.disconnect();
-      };
-    }, []);
     const ganttHeight = React.useMemo(() => {
-      if (containerHeight !== null) {
-        return Math.min(
-          containerHeight - distances.headerHeight,
-          ganttFullHeight
-        );
+      if (distances.ganttHeight) {
+        return Math.min(distances.ganttHeight, ganttFullHeight);
       }
-      return distances.ganttHeight ? Math.min(distances.ganttHeight, ganttFullHeight) : ganttFullHeight;
-    }, [distances, ganttFullHeight, containerHeight]);
+      if (containerHeight) {
+        const availableHeight = containerHeight - distances.headerHeight;
+        return Math.min(availableHeight, ganttFullHeight);
+      }
+      return ganttFullHeight;
+    }, [
+      distances.ganttHeight,
+      distances.headerHeight,
+      ganttFullHeight,
+      containerHeight
+    ]);
     const [taskToRowIndexMap, rowIndexToTaskMap, mapGlobalRowIndexToTask] = React.useMemo(
       () => getMapTaskToRowIndex(visibleTasks, comparisonLevels),
       [visibleTasks, comparisonLevels]
@@ -19804,6 +19800,7 @@
         distances,
         fullRowHeight,
         ganttFullHeight,
+        ganttHeight,
         getTaskCurrentState,
         handleAddTask,
         handleDeleteTasks,
@@ -19833,6 +19830,7 @@
         distances,
         fullRowHeight,
         ganttFullHeight,
+        ganttHeight,
         getTaskCurrentState,
         handleAddTask,
         handleDeleteTasks,
@@ -19903,8 +19901,7 @@
               isChangeInProgress: Boolean(changeInProgress),
               onScroll: onVerticalScrollbarScrollY,
               rtl,
-              verticalScrollbarRef,
-              containerHeight
+              verticalScrollbarRef
             }
           ),
           taskList.enableTableListContextMenu && !waitCommitTasks && /* @__PURE__ */ jsxRuntime.jsx(

package/dist/style.css

@@ -282,33 +282,32 @@
   border-bottom: 1px solid var(--gantt-divider-color);
   table-layout: fixed;
 }
-._taskListRoot_apbmu_1 {
+._taskListRoot_yoz76_1 {
   position: relative;
-  /*noinspection CssUnresolvedCustomProperty*/
-  border-left: 1px solid var(--gantt-table-divider-color, var(--gantt-divider-color));
   height: 100%;
   display: flex;
   flex-direction: column;
+  /*noinspection CssUnresolvedCustomProperty*/
+  border-left: 1px solid var(--gantt-table-divider-color, var(--gantt-divider-color));
 }
 
-._taskListHorizontalScroll_apbmu_19 {
+._taskListHorizontalScroll_yoz76_19 {
   overflow-x: scroll;
-  flex: 1;
-  min-height: 0;
+  height: 100%;
   display: flex;
   flex-direction: column;
 }
 
-._taskListHorizontalScroll_apbmu_19::-webkit-scrollbar {
+._taskListHorizontalScroll_yoz76_19::-webkit-scrollbar {
   width: 1rem;
   height: 1rem;
 }
 
-._taskListHorizontalScroll_apbmu_19::-webkit-scrollbar-corner {
+._taskListHorizontalScroll_yoz76_19::-webkit-scrollbar-corner {
   background: transparent;
 }
 
-._taskListHorizontalScroll_apbmu_19::-webkit-scrollbar-thumb {
+._taskListHorizontalScroll_yoz76_19::-webkit-scrollbar-thumb {
   border: 4px solid transparent;
   /*noinspection CssUnresolvedCustomProperty*/
   background: var(--gantt-scrollbar-thumb-color);
@@ -316,14 +315,14 @@
   background-clip: padding-box;
 }
 
-._taskListHorizontalScroll_apbmu_19::-webkit-scrollbar-thumb:hover {
+._taskListHorizontalScroll_yoz76_19::-webkit-scrollbar-thumb:hover {
   border: 2px solid transparent;
   /*noinspection CssUnresolvedCustomProperty*/
   background: var(--gantt-scrollbar-thumb-color);
   background-clip: padding-box;
 }
 
-._taskListResizer_apbmu_83 {
+._taskListResizer_yoz76_81 {
   position: absolute;
   top: 0;
   right: -3px;
@@ -335,16 +334,16 @@
 }
 
 /*noinspection CssUnresolvedCustomProperty*/
-._taskListResizer_apbmu_83:hover {
+._taskListResizer_yoz76_81:hover {
   background-color: var(--gantt-table-hover-action-color);
   filter: var(--gantt-hover-filter);
 }
 
-._taskListResizer_apbmu_83:hover::before {
+._taskListResizer_yoz76_81:hover::before {
   display: none;
 }
 
-._taskListResizer_apbmu_83::before {
+._taskListResizer_yoz76_81::before {
   content: "";
   position: absolute;
   top: 0;
@@ -355,22 +354,21 @@
   background-color: var(--gantt-table-resize-color, var(--gantt-divider-color));
 }
 
-._horizontalContainer_apbmu_147 {
+._horizontalContainer_yoz76_145 {
   margin: 0;
   padding: 0;
   overflow: hidden;
-  flex: 1;
-  min-height: 0;
+  flex-grow: 1;
 }
 
-._tableWrapper_apbmu_163 {
+._tableWrapper_yoz76_159 {
   position: relative;
-  flex: 1;
-  min-height: 0;
-  overflow: hidden;
+  flex-grow: 1;
+  display: flex;
+  flex-direction: column;
 }
 
-._scrollToTop_apbmu_177 {
+._scrollToTop_yoz76_173 {
   position: absolute;
   top: 0;
   left: 0;
@@ -378,7 +376,7 @@
   height: 20px;
 }
 
-._scrollToBottom_apbmu_193 {
+._scrollToBottom_yoz76_189 {
   position: absolute;
   bottom: 0;
   left: 0;
@@ -386,7 +384,7 @@
   height: 20px;
 }
 
-._hidden_apbmu_209 {
+._hidden_yoz76_205 {
   display: none;
 }
 ._ganttToday_1oyhk_1 {
@@ -580,7 +578,7 @@
   user-select: none;
   stroke-width: 0;
 }
-._ganttVerticalContainer_i4cef_1 {
+._ganttVerticalContainer_1wr55_1 {
   overflow-x: scroll;
   overflow-y: hidden;
   font-size: 0;
@@ -589,22 +587,19 @@
   /*noinspection CssUnresolvedCustomProperty*/
   border-right: 1px solid var(--gantt-calendar-divider-color, var(--gantt-divider-color));
   flex-grow: 1;
-  min-width: 0;
   height: 100%;
-  display: flex;
-  flex-direction: column;
 }
 
-._ganttVerticalContainer_i4cef_1::-webkit-scrollbar {
+._ganttVerticalContainer_1wr55_1::-webkit-scrollbar {
   width: 1rem;
   height: 1rem;
 }
 
-._ganttVerticalContainer_i4cef_1::-webkit-scrollbar-corner {
+._ganttVerticalContainer_1wr55_1::-webkit-scrollbar-corner {
   background: transparent;
 }
 
-._ganttVerticalContainer_i4cef_1::-webkit-scrollbar-thumb {
+._ganttVerticalContainer_1wr55_1::-webkit-scrollbar-thumb {
   border: 4px solid transparent;
   /*noinspection CssUnresolvedCustomProperty*/
   background: var(--gantt-scrollbar-thumb-color);
@@ -612,37 +607,32 @@
   background-clip: padding-box;
 }
 
-._ganttVerticalContainer_i4cef_1::-webkit-scrollbar-thumb:hover {
+._ganttVerticalContainer_1wr55_1::-webkit-scrollbar-thumb:hover {
   border: 2px solid transparent;
   /*noinspection CssUnresolvedCustomProperty*/
   background: var(--gantt-scrollbar-thumb-color);
   background-clip: padding-box;
 }
 
-._horizontalContainer_i4cef_79 {
+._horizontalContainer_1wr55_73 {
   margin: 0;
   padding: 0;
   overflow: hidden;
-  flex: 1;
-  min-height: 0;
 }
 
-._wrapper_i4cef_95 {
+._wrapper_1wr55_85 {
   display: flex;
   padding: 0;
   margin: 0;
   list-style: none;
   outline: none;
   position: relative;
+  height: 100%;
   /*noinspection CssUnresolvedCustomProperty*/
   border-bottom: 1px solid var(--gantt-divider-color);
-  height: 100%;
-  min-height: 0;
-  flex: 1;
-  overflow: hidden;
 }
 
-._calendarDragging_i4cef_125 {
+._calendarDragging_1wr55_109 {
   cursor: grabbing;
 }
 /*noinspection CssUnresolvedCustomProperty*/

package/package.json

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