fix: do not process shortcut in input fields

zhihu · Feb 7, 2022 · 87faf57 · 87faf57
1 parent be5f556
commit 87faf57
Showing 1 changed file with 7 additions and 0 deletions.
diff --git a/packages/griffith/src/components/usePlayerShortcuts.ts b/packages/griffith/src/components/usePlayerShortcuts.ts
@@ -22,6 +22,9 @@ type Options = {
   onSeek: (currentTime: number) => void
 }
 
+const isInput = (el: HTMLElement) =>
+  /^(input|textarea|select)$/i.test(el.tagName) || el.isContentEditable
+
 const usePlayerShortcuts = ({
   root,
   prevVolumeRef,
@@ -75,6 +78,10 @@ const usePlayerShortcuts = ({
       return
     }
 
+    if (event.target && isInput(event.target as HTMLElement)) {
+      return
+    }
+
     let handled = true
     switch (event.key) {
       case ' ':