Option group search autofocus (#201)

* option group search autofocus * snapshot updated * option group only
anarock · Feb 5, 2019 · 5f33728 · 5f33728 · vercel · Feb 5, 2019
1 parent 36d388b
commit 5f33728
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 1 deletion.
diff --git a/src/components/__tests__/__snapshots__/optionGroup.test.tsx.snap b/src/components/__tests__/__snapshots__/optionGroup.test.tsx.snap
@@ -610,6 +610,7 @@ Array [
       />
       <input
         aria-label="Search"
+        autoFocus={true}
         className="emotion-0"
         onChange={[Function]}
         onKeyDown={[Function]}
@@ -1285,6 +1286,7 @@ Array [
       />
       <input
         aria-label="Search"
+        autoFocus={true}
         className="emotion-0"
         onChange={[Function]}
         onKeyDown={[Function]}

diff --git a/src/components/shared/OptionGroup.tsx b/src/components/shared/OptionGroup.tsx
@@ -156,7 +156,8 @@ class OptionGroup<OptionType> extends React.PureComponent<
               {...searchBoxProps}
               inputProps={{
                 ...(searchBoxProps && searchBoxProps.inputProps),
-                onKeyDown: this.handleKeyPress
+                onKeyDown: this.handleKeyPress,
+                autoFocus: true
               }}
             />
           </div>