Introduce autoFocus functionality for web (#175)

Expensify · Feb 15, 2024 · 8a7166d · 8a7166d
1 parent eba5620
commit 8a7166d
Showing 1 changed file with 9 additions and 0 deletions.
diff --git a/src/MarkdownTextInput.web.tsx b/src/MarkdownTextInput.web.tsx
@@ -150,6 +150,7 @@ const MarkdownTextInput = React.forwardRef<TextInput, MarkdownTextInputProps>(
       spellCheck,
       style = {},
       value,
+      autoFocus = false,
     },
     ref,
   ) => {
@@ -500,6 +501,14 @@ const MarkdownTextInput = React.forwardRef<TextInput, MarkdownTextInputProps>(
       };
     }, []);
 
+    useEffect(() => {
+      // focus the input on mount if autoFocus is set
+      if (!(divRef.current && autoFocus)) {
+        return;
+      }
+      divRef.current.focus();
+    }, []);
+
     return (
       // eslint-disable-next-line jsx-a11y/no-static-element-interactions
       <div