gantt-task-react-v 1.0.35 → 1.0.37

package/dist/style.css

@@ -282,37 +282,33 @@
   border-bottom: 1px solid var(--gantt-divider-color);
   table-layout: fixed;
 }
-._taskListRoot_ycl6i_1 {
+._taskListRoot_apbmu_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;
-  /* allow the gantt area to control horizontal scrolling rather than clipping here */
-  overflow: visible;
-  max-width: none;
-  flex-shrink: 0;
 }
 
-._taskListHorizontalScroll_ycl6i_27 {
-  overflow-x: auto;
-  overflow-y: hidden;
+._taskListHorizontalScroll_apbmu_19 {
+  overflow-x: scroll;
   flex: 1;
+  min-height: 0;
   display: flex;
   flex-direction: column;
 }
 
-._taskListHorizontalScroll_ycl6i_27::-webkit-scrollbar {
+._taskListHorizontalScroll_apbmu_19::-webkit-scrollbar {
   width: 1rem;
   height: 1rem;
 }
 
-._taskListHorizontalScroll_ycl6i_27::-webkit-scrollbar-corner {
+._taskListHorizontalScroll_apbmu_19::-webkit-scrollbar-corner {
   background: transparent;
 }
 
-._taskListHorizontalScroll_ycl6i_27::-webkit-scrollbar-thumb {
+._taskListHorizontalScroll_apbmu_19::-webkit-scrollbar-thumb {
   border: 4px solid transparent;
   /*noinspection CssUnresolvedCustomProperty*/
   background: var(--gantt-scrollbar-thumb-color);
@@ -320,14 +316,14 @@
   background-clip: padding-box;
 }
 
-._taskListHorizontalScroll_ycl6i_27::-webkit-scrollbar-thumb:hover {
+._taskListHorizontalScroll_apbmu_19::-webkit-scrollbar-thumb:hover {
   border: 2px solid transparent;
   /*noinspection CssUnresolvedCustomProperty*/
   background: var(--gantt-scrollbar-thumb-color);
   background-clip: padding-box;
 }
 
-._taskListResizer_ycl6i_91 {
+._taskListResizer_apbmu_83 {
   position: absolute;
   top: 0;
   right: -3px;
@@ -339,16 +335,16 @@
 }
 
 /*noinspection CssUnresolvedCustomProperty*/
-._taskListResizer_ycl6i_91:hover {
+._taskListResizer_apbmu_83:hover {
   background-color: var(--gantt-table-hover-action-color);
   filter: var(--gantt-hover-filter);
 }
 
-._taskListResizer_ycl6i_91:hover::before {
+._taskListResizer_apbmu_83:hover::before {
   display: none;
 }
 
-._taskListResizer_ycl6i_91::before {
+._taskListResizer_apbmu_83::before {
   content: "";
   position: absolute;
   top: 0;
@@ -359,22 +355,22 @@
   background-color: var(--gantt-table-resize-color, var(--gantt-divider-color));
 }
 
-._horizontalContainer_ycl6i_155 {
+._horizontalContainer_apbmu_147 {
   margin: 0;
   padding: 0;
-  overflow-y: auto;
-  overflow-x: hidden;
-  height: 100%;
+  overflow: hidden;
+  flex: 1;
   min-height: 0;
 }
 
-._tableWrapper_ycl6i_173 {
+._tableWrapper_apbmu_163 {
   position: relative;
   flex: 1;
   min-height: 0;
+  overflow: hidden;
 }
 
-._scrollToTop_ycl6i_185 {
+._scrollToTop_apbmu_177 {
   position: absolute;
   top: 0;
   left: 0;
@@ -382,7 +378,7 @@
   height: 20px;
 }
 
-._scrollToBottom_ycl6i_201 {
+._scrollToBottom_apbmu_193 {
   position: absolute;
   bottom: 0;
   left: 0;
@@ -390,7 +386,7 @@
   height: 20px;
 }
 
-._hidden_ycl6i_217 {
+._hidden_apbmu_209 {
   display: none;
 }
 ._ganttToday_1oyhk_1 {
@@ -584,10 +580,8 @@
   user-select: none;
   stroke-width: 0;
 }
-._ganttVerticalContainer_1btnv_1 {
-  display: flex;
-  flex-direction: column;
-  overflow-x: auto;
+._ganttVerticalContainer_i4cef_1 {
+  overflow-x: scroll;
   overflow-y: hidden;
   font-size: 0;
   margin: 0;
@@ -595,23 +589,22 @@
   /*noinspection CssUnresolvedCustomProperty*/
   border-right: 1px solid var(--gantt-calendar-divider-color, var(--gantt-divider-color));
   flex-grow: 1;
-  height: 100%;
-  min-height: 0;
-  /* allow this flex child to shrink correctly in a flex row so internal scrolling works */
   min-width: 0;
-  max-width: 100%;
+  height: 100%;
+  display: flex;
+  flex-direction: column;
 }
 
-._ganttVerticalContainer_1btnv_1::-webkit-scrollbar {
+._ganttVerticalContainer_i4cef_1::-webkit-scrollbar {
   width: 1rem;
   height: 1rem;
 }
 
-._ganttVerticalContainer_1btnv_1::-webkit-scrollbar-corner {
+._ganttVerticalContainer_i4cef_1::-webkit-scrollbar-corner {
   background: transparent;
 }
 
-._ganttVerticalContainer_1btnv_1::-webkit-scrollbar-thumb {
+._ganttVerticalContainer_i4cef_1::-webkit-scrollbar-thumb {
   border: 4px solid transparent;
   /*noinspection CssUnresolvedCustomProperty*/
   background: var(--gantt-scrollbar-thumb-color);
@@ -619,43 +612,22 @@
   background-clip: padding-box;
 }
 
-._ganttVerticalContainer_1btnv_1::-webkit-scrollbar-thumb:hover {
+._ganttVerticalContainer_i4cef_1::-webkit-scrollbar-thumb:hover {
   border: 2px solid transparent;
   /*noinspection CssUnresolvedCustomProperty*/
   background: var(--gantt-scrollbar-thumb-color);
   background-clip: padding-box;
 }
 
-._horizontalContainer_1btnv_85 {
+._horizontalContainer_i4cef_79 {
   margin: 0;
   padding: 0;
-  /* allow the inner grid/svg to overflow horizontally so the outer container can scroll
-    (was clipping the svg when its width exceeded the container) */
-  overflow-x: auto;
-  overflow-y: hidden;
-  height: 100%;
-  min-height: 0;
-  /* ensure this flex child can shrink correctly inside the gantt container */
-  min-width: 0;
-}
-
-._ganttHeader_1btnv_111 {
-  flex: 0 0 auto;
-  z-index: 3;
-}
-
-._ganttBodyScroll_1btnv_121 {
-  flex: 1 1 auto;
-  /* allow horizontal scrolling here so the visible scroll area matches the SVG width */
-  overflow-y: auto;
-  overflow-x: auto;
+  overflow: hidden;
+  flex: 1;
   min-height: 0;
-  height: 100%;
-  /* make sure the body can be narrower than content to enable internal scrolling */
-  min-width: 0;
 }
 
-._wrapper_1btnv_143 {
+._wrapper_i4cef_95 {
   display: flex;
   padding: 0;
   margin: 0;
@@ -666,13 +638,11 @@
   border-bottom: 1px solid var(--gantt-divider-color);
   height: 100%;
   min-height: 0;
-  /* let the gantt component provide horizontal scrolling; prevent the wrapper from creating an outer scrollbar */
-  max-width: 100%;
-  overflow-x: visible;
-  overflow-y: visible;
+  flex: 1;
+  overflow: hidden;
 }
 
-._calendarDragging_1btnv_177 {
+._calendarDragging_i4cef_125 {
   cursor: grabbing;
 }
 /*noinspection CssUnresolvedCustomProperty*/

package/dist/types/public-types.d.ts

@@ -320,13 +320,6 @@ export interface GanttProps {
      * Move dates of tasks to working days during change
      */
     isAdjustToWorkingDates?: boolean;
-    /**
-     * Height of the Gantt component. Can be a number (pixels) or a CSS height string
-     * (for example "100%" to fill a parent container). When a CSS string is
-     * provided the component will measure its rendered height and use it for
-     * internal scroll calculations.
-     */
-    height?: number | string;
 }
 export interface GanttTaskBarActions {
     allowMoveTaskBar?: (action: TaskBarMoveAction, task: RenderTask) => boolean;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "gantt-task-react-v",
-  "version": "1.0.35",
+  "version": "1.0.37",
   "description": "Interactive Gantt Chart for React with TypeScript.",
   "author": "aguilanbon",
   "homepage": "https://github.com/aguilanbon/gantt-task-react-v",
@@ -23,7 +23,7 @@
   ],
   "scripts": {
     "storybook": "start-storybook -p 6006",
-  "build": "vite build && node -e \"require('child_process').execSync('tsc', {stdio:'inherit'})\"",
+    "build": "vite build && tsc",
     "start": "vite --host",
     "prepare": "npm run build",
     "lint": "eslint . --ext ts,tsx --report-unused-disable-directives --max-warnings 0",