sync scroll after data update

Author: Lukas742

packages/main/src/components/AnalyticalTable/hooks/useSyncScroll.ts

@@ -4,13 +4,14 @@ import { useEffect, useRef, useState } from 'react';
 export function useSyncScroll(
   refContent: MutableRefObject<HTMLElement>,
   refScrollbar: MutableRefObject<HTMLElement>,
+  isScrollable: boolean,
   disabled = false,
 ) {
   const isProgrammatic = useRef(false);
   const [isMounted, setIsMounted] = useState(false);
 
   useEffect(() => {
-    if (disabled) {
+    if (disabled || !isScrollable) {
       return;
     }
 
@@ -46,5 +47,5 @@ export function useSyncScroll(
       content.removeEventListener('scroll', onScrollContent);
       scrollbar.removeEventListener('scroll', onScrollScrollbar);
     };
-  }, [isMounted, refContent, refScrollbar, disabled]);
+  }, [isMounted, refContent, refScrollbar, disabled, isScrollable]);
 }

packages/main/src/components/AnalyticalTable/index.tsx

@@ -661,7 +661,7 @@ const AnalyticalTable = forwardRef<AnalyticalTableDomRef, AnalyticalTablePropTyp
     }
   }, [tableState.columnResizing, retainColumnWidth, tableState.tableColResized]);
 
-  useSyncScroll(parentRef, verticalScrollBarRef, isFirefox);
+  useSyncScroll(parentRef, verticalScrollBarRef, tableState.isScrollable, isFirefox);
 
   useEffect(() => {
     columnVirtualizer.measure();