Fix keyboard navigation conflicting while pausing playback.

sussy-code · Jun 20, 2024 · d980545 · d980545
1 parent e92e214
commit d980545
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