fix: Keyboard handlers should not be considered while composing

2023-07-04 11:28:05 -04:00
parent 29db1ef1bf
commit e6e9512979
4 changed files with 19 additions and 1 deletions
--- a/app/components/SearchPopover.tsx
+++ b/app/components/SearchPopover.tsx
@@ -88,10 +88,14 @@ function SearchPopover({ shareId }: Props) {

  const handleSearchInputFocus = React.useCallback(() => {
    focusRef.current = searchInputRef.current;
-  }, []);
+  }, [searchInputRef]);

  const handleKeyDown = React.useCallback(
    (ev: React.KeyboardEvent<HTMLInputElement>) => {
+      if (ev.nativeEvent.isComposing) {
+        return;
+      }
+
      if (ev.key === "Enter") {
        if (searchResults) {
          popover.show();