Fix regression after refactoring Gantt chart that breaks the vertical scroll sync for tree and chart

Signed-off-by: Anh Hoang Nguyen <[email protected]>

Author: aaanh

react-components/src/components/abstract-gantt-output-component.tsx

@@ -100,7 +100,7 @@ export abstract class AbstractGanttOutputComponent<
     private rangeEventsLayer: TimeGraphRangeEventsLayer;
 
     private horizontalContainer: React.RefObject<HTMLDivElement>;
-    private chartTreeRef: React.RefObject<HTMLDivElement>;
+    protected chartTreeRef: React.RefObject<HTMLDivElement>;
     protected markerTreeRef: React.RefObject<HTMLDivElement>;
     private containerRef: React.RefObject<ReactTimeGraphContainer>;
 

react-components/src/components/gantt-chart-output-component.tsx

@@ -69,7 +69,7 @@ export class GanttChartOutputComponent extends AbstractGanttOutputComponent<
                     </button>
                 </div>
                 <div
-                    ref={this.treeRef}
+                    ref={this.chartTreeRef}
                     className="scrollable"
                     onScroll={() => this.synchronizeTreeScroll()}
                     style={{

react-components/src/components/timegraph-output-component.tsx

@@ -39,7 +39,7 @@ export class TimegraphOutputComponent extends AbstractGanttOutputComponent {
         return (
             <>
                 <div
-                    ref={this.treeRef}
+                    ref={this.chartTreeRef}
                     className="scrollable"
                     onScroll={() => this.synchronizeTreeScroll()}
                     style={{