gantt-task-react-v 1.0.26 → 1.0.28

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

@@ -4674,7 +4674,6 @@ const styles$k = {
   scroll
 };
 const VerticalScroll = ({
-  ganttHeight,
   ganttFullHeight,
   headerHeight,
   isChangeInProgress,
@@ -4686,7 +4685,7 @@ const VerticalScroll = ({
     "div",
     {
       style: {
-        height: ganttHeight,
+        height: `calc(100% - ${headerHeight}px)`,
         marginTop: headerHeight,
         marginLeft: rtl ? void 0 : "-1rem",
         pointerEvents: isChangeInProgress ? "none" : void 0
@@ -13147,12 +13146,12 @@ const TaskGanttContentInner = (props) => {
   ] });
 };
 const TaskGanttContent = memo(TaskGanttContentInner);
-const ganttVerticalContainer = "_ganttVerticalContainer_1xboz_1";
-const horizontalContainer = "_horizontalContainer_1xboz_81";
-const ganttHeader = "_ganttHeader_1xboz_97";
-const ganttBodyScroll = "_ganttBodyScroll_1xboz_107";
-const wrapper = "_wrapper_1xboz_123";
-const calendarDragging = "_calendarDragging_1xboz_153";
+const ganttVerticalContainer = "_ganttVerticalContainer_1r06d_1";
+const horizontalContainer = "_horizontalContainer_1r06d_81";
+const ganttHeader = "_ganttHeader_1r06d_97";
+const ganttBodyScroll = "_ganttBodyScroll_1r06d_107";
+const wrapper = "_wrapper_1r06d_123";
+const calendarDragging = "_calendarDragging_1r06d_153";
 const styles$2 = {
   ganttVerticalContainer,
   horizontalContainer,

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

@@ -4691,7 +4691,6 @@
     scroll
   };
   const VerticalScroll = ({
-    ganttHeight,
     ganttFullHeight,
     headerHeight,
     isChangeInProgress,
@@ -4703,7 +4702,7 @@
       "div",
       {
         style: {
-          height: ganttHeight,
+          height: `calc(100% - ${headerHeight}px)`,
           marginTop: headerHeight,
           marginLeft: rtl ? void 0 : "-1rem",
           pointerEvents: isChangeInProgress ? "none" : void 0
@@ -13164,12 +13163,12 @@
     ] });
   };
   const TaskGanttContent = React.memo(TaskGanttContentInner);
-  const ganttVerticalContainer = "_ganttVerticalContainer_1xboz_1";
-  const horizontalContainer = "_horizontalContainer_1xboz_81";
-  const ganttHeader = "_ganttHeader_1xboz_97";
-  const ganttBodyScroll = "_ganttBodyScroll_1xboz_107";
-  const wrapper = "_wrapper_1xboz_123";
-  const calendarDragging = "_calendarDragging_1xboz_153";
+  const ganttVerticalContainer = "_ganttVerticalContainer_1r06d_1";
+  const horizontalContainer = "_horizontalContainer_1r06d_81";
+  const ganttHeader = "_ganttHeader_1r06d_97";
+  const ganttBodyScroll = "_ganttBodyScroll_1r06d_107";
+  const wrapper = "_wrapper_1r06d_123";
+  const calendarDragging = "_calendarDragging_1r06d_153";
   const styles$2 = {
     ganttVerticalContainer,
     horizontalContainer,

package/dist/style.css

@@ -583,7 +583,7 @@
   user-select: none;
   stroke-width: 0;
 }
-._ganttVerticalContainer_1xboz_1 {
+._ganttVerticalContainer_1r06d_1 {
   display: flex;
   flex-direction: column;
   overflow-x: auto;
@@ -599,16 +599,16 @@
   max-width: 100%;
 }
 
-._ganttVerticalContainer_1xboz_1::-webkit-scrollbar {
+._ganttVerticalContainer_1r06d_1::-webkit-scrollbar {
   width: 1rem;
   height: 1rem;
 }
 
-._ganttVerticalContainer_1xboz_1::-webkit-scrollbar-corner {
+._ganttVerticalContainer_1r06d_1::-webkit-scrollbar-corner {
   background: transparent;
 }
 
-._ganttVerticalContainer_1xboz_1::-webkit-scrollbar-thumb {
+._ganttVerticalContainer_1r06d_1::-webkit-scrollbar-thumb {
   border: 4px solid transparent;
   /*noinspection CssUnresolvedCustomProperty*/
   background: var(--gantt-scrollbar-thumb-color);
@@ -616,35 +616,35 @@
   background-clip: padding-box;
 }
 
-._ganttVerticalContainer_1xboz_1::-webkit-scrollbar-thumb:hover {
+._ganttVerticalContainer_1r06d_1::-webkit-scrollbar-thumb:hover {
   border: 2px solid transparent;
   /*noinspection CssUnresolvedCustomProperty*/
   background: var(--gantt-scrollbar-thumb-color);
   background-clip: padding-box;
 }
 
-._horizontalContainer_1xboz_81 {
+._horizontalContainer_1r06d_81 {
   margin: 0;
   padding: 0;
-  overflow: hidden;
+  overflow: visible;
   height: 100%;
   min-height: 0;
 }
 
-._ganttHeader_1xboz_97 {
+._ganttHeader_1r06d_97 {
   flex: 0 0 auto;
   z-index: 3;
 }
 
-._ganttBodyScroll_1xboz_107 {
+._ganttBodyScroll_1r06d_107 {
   flex: 1 1 auto;
   overflow-y: auto;
-  overflow-x: hidden;
+  overflow-x: auto;
   min-height: 0;
   height: 100%;
 }
 
-._wrapper_1xboz_123 {
+._wrapper_1r06d_123 {
   display: flex;
   padding: 0;
   margin: 0;
@@ -659,7 +659,7 @@
   overflow: hidden;
 }
 
-._calendarDragging_1xboz_153 {
+._calendarDragging_1r06d_153 {
   cursor: grabbing;
 }
 /*noinspection CssUnresolvedCustomProperty*/

package/package.json

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