fix(searchBox): autofocus input when modal opens (#121)

algolia · May 11, 2020 · 09f1856 · 09f1856
1 parent 67b4c55
commit 09f1856
Showing 1 changed file with 6 additions and 1 deletion.
diff --git a/src/components/SearchBox/SearchBox.js b/src/components/SearchBox/SearchBox.js
@@ -23,6 +23,12 @@ export const SearchBox = (props) => {
     props.onReset();
   }
 
+  React.useEffect(() => {
+    if (inputRef.current) {
+      inputRef.current.focus();
+    }
+  }, [inputRef]);
+
   return (
     <div className="ais-SearchBox">
       <form
@@ -102,7 +108,6 @@ export const SearchBox = (props) => {
             autoCapitalize="off"
             spellCheck={false}
             maxLength={512}
-            autoFocus
             placeholder={props.translations.placeholder}
             value={props.currentRefinement}
             onChange={props.onChange}