gantt-task-react-v 1.0.22 → 1.0.24

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

@@ -13147,12 +13147,12 @@ const TaskGanttContentInner = (props) => {
   ] });
 };
 const TaskGanttContent = memo(TaskGanttContentInner);
-const ganttVerticalContainer = "_ganttVerticalContainer_z1ydk_1";
-const horizontalContainer = "_horizontalContainer_z1ydk_81";
-const ganttHeader = "_ganttHeader_z1ydk_99";
-const ganttBodyScroll = "_ganttBodyScroll_z1ydk_109";
-const wrapper = "_wrapper_z1ydk_125";
-const calendarDragging = "_calendarDragging_z1ydk_155";
+const ganttVerticalContainer = "_ganttVerticalContainer_bv09s_1";
+const horizontalContainer = "_horizontalContainer_bv09s_85";
+const ganttHeader = "_ganttHeader_bv09s_101";
+const ganttBodyScroll = "_ganttBodyScroll_bv09s_111";
+const wrapper = "_wrapper_bv09s_127";
+const calendarDragging = "_calendarDragging_bv09s_159";
 const styles$2 = {
   ganttVerticalContainer,
   horizontalContainer,
@@ -13186,16 +13186,14 @@ const TaskGanttInner = (props) => {
   const containerStyle = useMemo(
     () => ({
       height: "100%",
-      minWidth: fullSvgWidth,
-      width: "max-content"
+      width: fullSvgWidth
     }),
     [fullSvgWidth]
   );
   const gridStyle = useMemo(
     () => ({
       height: Math.max(ganttFullHeight, minimumRowDisplayed * rowHeight),
-      minWidth: fullSvgWidth,
-      width: "max-content",
+      width: fullSvgWidth,
       backgroundSize: `${columnWidth}px ${fullRowHeight * 2}px`,
       backgroundPositionX: additionalLeftSpace || void 0,
       backgroundImage: [

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

@@ -13164,12 +13164,12 @@
     ] });
   };
   const TaskGanttContent = React.memo(TaskGanttContentInner);
-  const ganttVerticalContainer = "_ganttVerticalContainer_z1ydk_1";
-  const horizontalContainer = "_horizontalContainer_z1ydk_81";
-  const ganttHeader = "_ganttHeader_z1ydk_99";
-  const ganttBodyScroll = "_ganttBodyScroll_z1ydk_109";
-  const wrapper = "_wrapper_z1ydk_125";
-  const calendarDragging = "_calendarDragging_z1ydk_155";
+  const ganttVerticalContainer = "_ganttVerticalContainer_bv09s_1";
+  const horizontalContainer = "_horizontalContainer_bv09s_85";
+  const ganttHeader = "_ganttHeader_bv09s_101";
+  const ganttBodyScroll = "_ganttBodyScroll_bv09s_111";
+  const wrapper = "_wrapper_bv09s_127";
+  const calendarDragging = "_calendarDragging_bv09s_159";
   const styles$2 = {
     ganttVerticalContainer,
     horizontalContainer,
@@ -13203,16 +13203,14 @@
     const containerStyle = React.useMemo(
       () => ({
         height: "100%",
-        minWidth: fullSvgWidth,
-        width: "max-content"
+        width: fullSvgWidth
       }),
       [fullSvgWidth]
     );
     const gridStyle = React.useMemo(
       () => ({
         height: Math.max(ganttFullHeight, minimumRowDisplayed * rowHeight),
-        minWidth: fullSvgWidth,
-        width: "max-content",
+        width: fullSvgWidth,
         backgroundSize: `${columnWidth}px ${fullRowHeight * 2}px`,
         backgroundPositionX: additionalLeftSpace || void 0,
         backgroundImage: [

package/dist/style.css

@@ -581,10 +581,10 @@
   user-select: none;
   stroke-width: 0;
 }
-._ganttVerticalContainer_z1ydk_1 {
+._ganttVerticalContainer_bv09s_1 {
   display: flex;
   flex-direction: column;
-  overflow-x: auto;
+  overflow-x: hidden;
   overflow-y: hidden;
   font-size: 0;
   margin: 0;
@@ -592,21 +592,23 @@
   /*noinspection CssUnresolvedCustomProperty*/
   border-right: 1px solid var(--gantt-calendar-divider-color, var(--gantt-divider-color));
   flex-grow: 1;
+  flex-shrink: 1;
+  flex-basis: 0;
   height: 100%;
   min-height: 0;
-  max-width: 100%;
+  min-width: 0;
 }
 
-._ganttVerticalContainer_z1ydk_1::-webkit-scrollbar {
+._ganttVerticalContainer_bv09s_1::-webkit-scrollbar {
   width: 1rem;
   height: 1rem;
 }
 
-._ganttVerticalContainer_z1ydk_1::-webkit-scrollbar-corner {
+._ganttVerticalContainer_bv09s_1::-webkit-scrollbar-corner {
   background: transparent;
 }
 
-._ganttVerticalContainer_z1ydk_1::-webkit-scrollbar-thumb {
+._ganttVerticalContainer_bv09s_1::-webkit-scrollbar-thumb {
   border: 4px solid transparent;
   /*noinspection CssUnresolvedCustomProperty*/
   background: var(--gantt-scrollbar-thumb-color);
@@ -614,28 +616,27 @@
   background-clip: padding-box;
 }
 
-._ganttVerticalContainer_z1ydk_1::-webkit-scrollbar-thumb:hover {
+._ganttVerticalContainer_bv09s_1::-webkit-scrollbar-thumb:hover {
   border: 2px solid transparent;
   /*noinspection CssUnresolvedCustomProperty*/
   background: var(--gantt-scrollbar-thumb-color);
   background-clip: padding-box;
 }
 
-._horizontalContainer_z1ydk_81 {
+._horizontalContainer_bv09s_85 {
   margin: 0;
   padding: 0;
   overflow: hidden;
   height: 100%;
   min-height: 0;
-  min-width: 0;
 }
 
-._ganttHeader_z1ydk_99 {
+._ganttHeader_bv09s_101 {
   flex: 0 0 auto;
   z-index: 3;
 }
 
-._ganttBodyScroll_z1ydk_109 {
+._ganttBodyScroll_bv09s_111 {
   flex: 1 1 auto;
   overflow-y: auto;
   overflow-x: hidden;
@@ -643,7 +644,7 @@
   height: 100%;
 }
 
-._wrapper_z1ydk_125 {
+._wrapper_bv09s_127 {
   display: flex;
   padding: 0;
   margin: 0;
@@ -654,11 +655,12 @@
   border-bottom: 1px solid var(--gantt-divider-color);
   height: 100%;
   min-height: 0;
-  max-width: 100%;
+  width: 100%;
   overflow: hidden;
+  contain: layout;
 }
 
-._calendarDragging_z1ydk_155 {
+._calendarDragging_bv09s_159 {
   cursor: grabbing;
 }
 /*noinspection CssUnresolvedCustomProperty*/

package/package.json

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