gantt-task-react-v 1.0.43 → 1.0.45

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

@@ -4620,7 +4620,7 @@ const Tooltip = ({
         left: tooltipX ?? 0,
         width: "max-content",
         fontFamily: "var(--gantt-font-family)",
-        zIndex: 11
+        zIndex: 9999
       },
       ...getFloatingProps(),
       children: /* @__PURE__ */ jsx(TooltipContent, { task })
@@ -17050,7 +17050,7 @@ function useRole(context, props) {
     };
   }, [enabled, role, ariaRole, open, floatingId, referenceId, isNested]);
 }
-const useTaskTooltip = (changeInProgress) => {
+const useTaskTooltip = (changeInProgress, boundaryElement) => {
   const [hoverTooltipTask, setHoverTooltipTask] = useState(null);
   const [hoverTooltipEl, setHoverTooltipEl] = useState(null);
   const tooltipTask = useMemo(() => {
@@ -17073,11 +17073,13 @@ const useTaskTooltip = (changeInProgress) => {
     context
   } = useFloating({
     open: Boolean(tooltipTask),
-    placement: "right",
     middleware: [
       offset(10),
-      flip({ fallbackPlacements: ["right-start", "right-end"] }),
-      shift()
+      flip(),
+      shift({
+        boundary: (boundaryElement == null ? void 0 : boundaryElement.current) || void 0,
+        padding: 8
+      })
     ],
     whileElementsMounted: autoUpdate,
     strategy: "absolute"
@@ -19261,7 +19263,7 @@ const Gantt = (props) => {
     setFloatingRef,
     getFloatingProps,
     onChangeTooltipTask
-  } = useTaskTooltip(changeInProgress);
+  } = useTaskTooltip(changeInProgress, verticalGanttContainerRef);
   const handleDeleteTasks = useCallback(
     (tasksForDelete) => {
       onChangeTooltipTask(null, null);

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

@@ -4637,7 +4637,7 @@
           left: tooltipX ?? 0,
           width: "max-content",
           fontFamily: "var(--gantt-font-family)",
-          zIndex: 11
+          zIndex: 9999
         },
         ...getFloatingProps(),
         children: /* @__PURE__ */ jsxRuntime.jsx(TooltipContent, { task })
@@ -17067,7 +17067,7 @@
       };
     }, [enabled, role, ariaRole, open, floatingId, referenceId, isNested]);
   }
-  const useTaskTooltip = (changeInProgress) => {
+  const useTaskTooltip = (changeInProgress, boundaryElement) => {
     const [hoverTooltipTask, setHoverTooltipTask] = React.useState(null);
     const [hoverTooltipEl, setHoverTooltipEl] = React.useState(null);
     const tooltipTask = React.useMemo(() => {
@@ -17090,11 +17090,13 @@
       context
     } = useFloating({
       open: Boolean(tooltipTask),
-      placement: "right",
       middleware: [
         offset(10),
-        flip({ fallbackPlacements: ["right-start", "right-end"] }),
-        shift()
+        flip(),
+        shift({
+          boundary: (boundaryElement == null ? void 0 : boundaryElement.current) || void 0,
+          padding: 8
+        })
       ],
       whileElementsMounted: autoUpdate,
       strategy: "absolute"
@@ -19278,7 +19280,7 @@
       setFloatingRef,
       getFloatingProps,
       onChangeTooltipTask
-    } = useTaskTooltip(changeInProgress);
+    } = useTaskTooltip(changeInProgress, verticalGanttContainerRef);
     const handleDeleteTasks = React.useCallback(
       (tasksForDelete) => {
         onChangeTooltipTask(null, null);

package/dist/helpers/use-task-tooltip.d.ts

@@ -1,6 +1,6 @@
-/// <reference types="react" />
+import { RefObject } from "react";
 import type { ChangeInProgress, Task } from "../types";
-export declare const useTaskTooltip: (changeInProgress: ChangeInProgress | null) => {
+export declare const useTaskTooltip: (changeInProgress: ChangeInProgress | null, boundaryElement?: RefObject<HTMLElement>) => {
     tooltipTask: Task;
     tooltipX: number;
     tooltipY: number;

package/package.json

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