fix: scrolling inside the table with scrollbar (#9753)

Fixed- when scrolling inside the table with scrollbar, cursor also selects rows. Now on scrolling with scrollbar content is scrolled in respective direction as expected and table rows don't get selected. fixes issue #6773 --------- Co-authored-by: nitin <[email protected]> Co-authored-by: ehconitin <[email protected]>
twentyhq · Jan 23, 2025 · 1d7cbca · 1d7cbca
1 parent bbd3af1
commit 1d7cbca
Showing 1 changed file with 12 additions and 1 deletion.
diff --git a/packages/twenty-front/src/modules/ui/utilities/scroll/components/ScrollWrapper.tsx b/packages/twenty-front/src/modules/ui/utilities/scroll/components/ScrollWrapper.tsx
@@ -139,7 +139,18 @@ export const ScrollWrapper = ({
     },
     events: {
       updated: (osInstance) => {
-        const { scrollOffsetElement: target } = osInstance.elements();
+        const {
+          scrollOffsetElement: target,
+          scrollbarVertical,
+          scrollbarHorizontal,
+        } = osInstance.elements();
+
+        if (scrollbarVertical !== null) {
+          scrollbarVertical.track.dataset.selectDisable = 'true';
+        }
+        if (scrollbarHorizontal !== null) {
+          scrollbarHorizontal.track.dataset.selectDisable = 'true';
+        }
         setScrollBottom(
           target.scrollHeight - target.clientHeight - target.scrollTop,
         );