gantt-task-react-v 1.1.6 → 1.1.7

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

@@ -3,6 +3,8 @@ import React from "react";
 import { AllowReorderTask, ChildByLevelMap, Column, DateSetup, DependencyMap, Distances, GanttRenderIconsProps, MapTaskToNestedIndex, OnResizeColumn, Task, RenderTask, TableRenderBottomProps } from "../../types";
 export type TaskListProps = {
     ganttRef: RefObject<HTMLDivElement>;
+    /** Ref to the horizontal scroll wrapper (used for containing popups) */
+    taskListHorizontalScrollRef?: RefObject<HTMLDivElement>;
     allowReorderTask?: AllowReorderTask;
     canReorderTasks?: boolean;
     canResizeColumns?: boolean;

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

@@ -10697,6 +10697,7 @@ const TaskListInner = ({
   selectedIdsMirror,
   ganttRef,
   taskListContainerRef,
+  taskListHorizontalScrollRef,
   taskListRef,
   tasks,
   onResizeColumn,
@@ -10787,6 +10788,7 @@ const TaskListInner = ({
     /* @__PURE__ */ jsxs(
       "div",
       {
+        ref: taskListHorizontalScrollRef,
         className: styles$d.taskListHorizontalScroll,
         style: {
           width: tableWidth
@@ -18801,6 +18803,7 @@ const Gantt = (props) => {
   const ganttSVGRef = useRef(null);
   const wrapperRef = useRef(null);
   const taskListRef = useRef(null);
+  const taskListHorizontalScrollRef = useRef(null);
   const locale = useMemo(() => clientLocale ?? GANTT_EN_LOCALE, [clientLocale]);
   const theme = useMemo(() => buildGanttTheme(clientTheme), [clientTheme]);
   const { dateFormats: dateFormats2, rtl } = theme;
@@ -20177,7 +20180,13 @@ const Gantt = (props) => {
       ref: wrapperRef,
       "data-testid": "gantt",
       children: [
-        (!columnsProp || columnsProp.length > 0) && /* @__PURE__ */ jsx(TaskList, { ...renderTaskListProps }),
+        (!columnsProp || columnsProp.length > 0) && /* @__PURE__ */ jsx(
+          TaskList,
+          {
+            ...renderTaskListProps,
+            taskListHorizontalScrollRef
+          }
+        ),
         /* @__PURE__ */ jsx(
           TaskGantt,
           {
@@ -20233,7 +20242,7 @@ const Gantt = (props) => {
             handleAction,
             handleCloseContextMenu,
             options: contextMenuOptions,
-            boundaryElement: taskListContainerRef
+            boundaryElement: taskListHorizontalScrollRef
           }
         ),
         ganttContextMenu.task && !waitCommitTasks && /* @__PURE__ */ jsx(

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

@@ -10714,6 +10714,7 @@
     selectedIdsMirror,
     ganttRef,
     taskListContainerRef,
+    taskListHorizontalScrollRef,
     taskListRef,
     tasks,
     onResizeColumn,
@@ -10804,6 +10805,7 @@
       /* @__PURE__ */ jsxRuntime.jsxs(
         "div",
         {
+          ref: taskListHorizontalScrollRef,
           className: styles$d.taskListHorizontalScroll,
           style: {
             width: tableWidth
@@ -18818,6 +18820,7 @@
     const ganttSVGRef = React.useRef(null);
     const wrapperRef = React.useRef(null);
     const taskListRef = React.useRef(null);
+    const taskListHorizontalScrollRef = React.useRef(null);
     const locale = React.useMemo(() => clientLocale ?? GANTT_EN_LOCALE, [clientLocale]);
     const theme = React.useMemo(() => buildGanttTheme(clientTheme), [clientTheme]);
     const { dateFormats: dateFormats2, rtl } = theme;
@@ -20194,7 +20197,13 @@
         ref: wrapperRef,
         "data-testid": "gantt",
         children: [
-          (!columnsProp || columnsProp.length > 0) && /* @__PURE__ */ jsxRuntime.jsx(TaskList, { ...renderTaskListProps }),
+          (!columnsProp || columnsProp.length > 0) && /* @__PURE__ */ jsxRuntime.jsx(
+            TaskList,
+            {
+              ...renderTaskListProps,
+              taskListHorizontalScrollRef
+            }
+          ),
           /* @__PURE__ */ jsxRuntime.jsx(
             TaskGantt,
             {
@@ -20250,7 +20259,7 @@
               handleAction,
               handleCloseContextMenu,
               options: contextMenuOptions,
-              boundaryElement: taskListContainerRef
+              boundaryElement: taskListHorizontalScrollRef
             }
           ),
           ganttContextMenu.task && !waitCommitTasks && /* @__PURE__ */ jsxRuntime.jsx(

package/package.json

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