gantt-task-react-v 1.7.5 → 1.7.6

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

@@ -10485,7 +10485,13 @@ const TaskListTableRowInner = forwardRef(
             transform: "translateX(var(--pinned-translate-left, 0px))",
             zIndex: 2,
             backgroundColor: pinnedBg,
-            paddingRight: 8
+            // box-shadow + clip-path create a bulletproof opaque cover that
+            // extends 10px past the cell's right edge, hiding any content
+            // that scrolls underneath.  clip-path trims the shadow to
+            // exactly the cell bounds plus the 10px overhang.
+            boxShadow: `0 0 0 9999px ${pinnedBg}`,
+            clipPath: "inset(0px -10px 0px 0px)",
+            paddingRight: 10
           };
         }
       }
@@ -10496,7 +10502,9 @@ const TaskListTableRowInner = forwardRef(
             transform: "translateX(var(--pinned-translate-right, 0px))",
             zIndex: 2,
             backgroundColor: pinnedBg,
-            paddingLeft: 8
+            boxShadow: `0 0 0 9999px ${pinnedBg}`,
+            clipPath: "inset(0px 0px 0px -10px)",
+            paddingLeft: 10
           };
         }
       }

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

@@ -10502,7 +10502,13 @@
               transform: "translateX(var(--pinned-translate-left, 0px))",
               zIndex: 2,
               backgroundColor: pinnedBg,
-              paddingRight: 8
+              // box-shadow + clip-path create a bulletproof opaque cover that
+              // extends 10px past the cell's right edge, hiding any content
+              // that scrolls underneath.  clip-path trims the shadow to
+              // exactly the cell bounds plus the 10px overhang.
+              boxShadow: `0 0 0 9999px ${pinnedBg}`,
+              clipPath: "inset(0px -10px 0px 0px)",
+              paddingRight: 10
             };
           }
         }
@@ -10513,7 +10519,9 @@
               transform: "translateX(var(--pinned-translate-right, 0px))",
               zIndex: 2,
               backgroundColor: pinnedBg,
-              paddingLeft: 8
+              boxShadow: `0 0 0 9999px ${pinnedBg}`,
+              clipPath: "inset(0px 0px 0px -10px)",
+              paddingLeft: 10
             };
           }
         }

package/package.json

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