fix: should search immediately by pressing any key (reported by @alon91)

this closes #465
foray1010 · May 17, 2019 · f0fb879 · f0fb879
1 parent 5aaf753
commit f0fb879
Showing 1 changed file with 11 additions and 7 deletions.
diff --git a/src/js/popup/components/Search/index.tsx b/src/js/popup/components/Search/index.tsx
@@ -23,13 +23,17 @@ const SearchContainer = ({getSearchResult, isFocusSearchInput, setIsFocusSearchI
     getSearchResult(inputValue)
   }, [getSearchResult, inputValue])
 
-  const handleSingleKeyPress = React.useCallback(() => {
-    const notFocusOnInputElement =
-      !document.activeElement || !['INPUT', 'TEXTAREA'].includes(document.activeElement.tagName)
-    if (notFocusOnInputElement) {
-      setIsFocusSearchInput(true)
-    }
-  }, [setIsFocusSearchInput])
+  const handleSingleKeyPress = React.useCallback(
+    (evt: KeyboardEvent) => {
+      const notFocusOnInputElement =
+        !document.activeElement || !['INPUT', 'TEXTAREA'].includes(document.activeElement.tagName)
+      if (notFocusOnInputElement) {
+        setInputValue(evt.key)
+        setIsFocusSearchInput(true)
+      }
+    },
+    [setIsFocusSearchInput]
+  )
   useKeyBindingsEvent({key: /^.$/, windowId: BASE_WINDOW}, handleSingleKeyPress)
 
   const handleBlur = React.useCallback(() => {