fix: scroller is interrupting with the mouse events even when it is n…

…ot visible (#920) * fix: scroller is interrupting with the mouse events even when it is not visible * Fix code
EightfoldAI · Dec 12, 2024 · 35efd65 · 35efd65
1 parent f0b09c2
commit 35efd65
Showing 1 changed file with 2 additions and 0 deletions.
diff --git a/src/components/Table/Internal/Body/Scroller.tsx b/src/components/Table/Internal/Body/Scroller.tsx
@@ -240,6 +240,7 @@ export const Scroller = React.forwardRef(
                 ? 'unset'
                 : startButtonLtrOffset + BUTTON_PADDING,
             opacity: startButtonVisible && visible ? 1 : 0,
+            visibility: startButtonVisible && visible ? 'visible' : 'hidden',
             right:
               direction === 'rtl'
                 ? startButtonRtlOffset + BUTTON_PADDING
@@ -272,6 +273,7 @@ export const Scroller = React.forwardRef(
                   BUTTON_PADDING
                 : 'unset',
             opacity: endButtonVisible && visible ? 1 : 0,
+            visibility: endButtonVisible && visible ? 'visible' : 'hidden',
             right:
               direction === 'rtl'
                 ? 'unset'