Have ability to set the scrollTop directly to Tree ref

[thomas-le183]

Hello, I'm currently employing react-arborist for my Gantt chart. This library has a unique approach that restricts my ability to manipulate the Tree DOM, including setting the scrollTop property. Is there a way to synchronize scrolling between two different div elements in this context?

[jameskerr]

You're right. It's not possible today. I'll consider adding this ability in a future release.

[vulevukusej]

Also interested :)

[vulevukusej]

My workaround in case anyone is interested (so far it works nicely):

function customScrollHandler(e: Event) {
     const target = e.target as HTMLElement;
     useGanttScroll.setState({ scrollPositionY: target.scrollTop });
 }
 
 useEffect(() => {
     const treeDiv = document.querySelector('[role="tree"]');
     if (treeDiv) {
         const child = treeDiv.firstChild as HTMLDivElement;
         child.addEventListener("scroll", customScrollHandler);
     }
 
     return () => {
         if (treeDiv) {
             const child = treeDiv.firstChild as HTMLDivElement;
             child.removeEventListener("scroll", customScrollHandler);
         }
     };
 }, []);