[1070] Ensure the selected item is visible

Bug: #1070 Signed-off-by: Pierre-Charles David <pierre-charles.david@obeo.fr>
eclipse-sirius · Mar 1, 2022 · c897152 · c897152
1 parent 2c21768
commit c897152
Showing 1 changed file with 10 additions and 0 deletions.
diff --git a/frontend/src/tree/TreeItem.tsx b/frontend/src/tree/TreeItem.tsx
@@ -235,6 +235,16 @@ export const TreeItem = ({
     className = `${className} ${styles.selected}`;
     dataTestid = 'selected';
   }
+  useEffect(() => {
+    if (selected) {
+      if (refDom.current.scrollIntoViewIfNeeded) {
+        refDom.current.scrollIntoViewIfNeeded(true);
+      } else {
+        // Fallback for browsers not supporting the non-standard `scrollIntoViewIfNeeded`
+        refDom.current.scrollIntoView({ behavior: 'smooth' });
+      }
+    }
+  }, [selected]);
 
   let image = <NoIcon title={item.kind} />;
   if (item.imageURL) {