Merge pull request #58 from rxnk/main

Fix keyboard navigation conflicting while pausing playback.
sussy-code · Jun 21, 2024 · 5be4f14 · 5be4f14
2 parents e92e214 + d980545
commit 5be4f14
Showing 1 changed file with 11 additions and 4 deletions.
diff --git a/src/components/player/internals/KeyboardEvents.tsx b/src/components/player/internals/KeyboardEvents.tsx
@@ -118,10 +118,17 @@ export function KeyboardEvents() {
 
       // Utils
       if (keyL === "f") dataRef.current.display?.toggleFullscreen();
-      if (k === " " || keyL === "k")
-        dataRef.current.display?.[
-          dataRef.current.mediaPlaying.isPaused ? "play" : "pause"
-        ]();
+      if (k === " " || keyL === "k") {
+        if (
+          evt.target &&
+          (evt.target as HTMLInputElement).nodeName === "BUTTON"
+        ) {
+          return;
+        }
+
+        const action = dataRef.current.mediaPlaying.isPaused ? "play" : "pause";
+        dataRef.current.display?.[action]();
+      }
       if (k === "Escape") dataRef.current.router.close();
 
       // captions