fix: DEV-3543: Region navigation is not working in scrolling mode (#919)

Author: yyassi-heartex

src/components/SidePanels/OutlinerPanel/OutlinerTree.tsx

@@ -173,19 +173,23 @@ const useEventHandlers = ({
     const multi = evt.nativeEvent.ctrlKey || (isMacOS() && evt.nativeEvent.metaKey);
     const { node } = evt;
 
-    const self = node.item;
+    const self = node?.item;
+
+    if (!self?.annotation) return;
+    
     const annotation = self.annotation;
 
     if (multi) {
       annotation.toggleRegionSelection(self);
-    } else {
-      const wasNotSelected = !self.selected;
+      return;
+    }
+    
+    const wasNotSelected = !self.selected;
 
-      if (wasNotSelected) {
-        annotation.selectArea(self);
-      } else {
-        annotation.unselectAll();
-      }
+    if (wasNotSelected) {
+      annotation.selectArea(self);
+    } else {
+      annotation.unselectAll();
     }
   }, []);
 

src/stores/RegionStore.js

@@ -108,6 +108,7 @@ const SelectionMap = types.model(
     highlight(region) {
       self.clear();
       self.select(region);
+      region?.shapeRef?.parent?.canvas?._canvas?.scrollIntoView?.();
     },
   };
 });