Fix: Auto scroll to instruction item when editing an instruction (#6361)

4ian · Feb 19, 2024 · 210e59f · 210e59f
1 parent e205805
commit 210e59f
Showing 1 changed file with 12 additions and 0 deletions.
diff --git a/newIDE/app/src/EventsSheet/InstructionEditor/InstructionOrExpressionSelector/index.js b/newIDE/app/src/EventsSheet/InstructionEditor/InstructionOrExpressionSelector/index.js
@@ -114,6 +114,18 @@ const InstructionOrExpressionSelector = <
     );
   };
 
+  React.useEffect(
+    () => {
+      if (selectedItemRef.current && scrollViewRef.current) {
+        scrollViewRef.current.scrollTo(selectedItemRef.current);
+      }
+    },
+    // When the component is mounted, if an item is already selected
+    // (this happens when a user edits an existing instruction), auto scroll
+    // to the item in the list.
+    []
+  );
+
   return (
     <div
       style={{