From 203391002541ab4cc125c76a1df77f4a3d7c1925 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Fernando=20Fern=C3=A1ndez?= <ferferga@hotmail.com>
Date: Sat, 22 Jun 2024 02:11:01 +0200
Subject: [PATCH] fix(PlayPauseButton): conflict with spacebar in fullscreen
 video
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Signed-off-by: Fernando Fernández <ferferga@hotmail.com>
---
 .../src/components/Buttons/Playback/PlayPauseButton.vue  | 9 ++++++++-
 1 file changed, 8 insertions(+), 1 deletion(-)

diff --git a/frontend/src/components/Buttons/Playback/PlayPauseButton.vue b/frontend/src/components/Buttons/Playback/PlayPauseButton.vue
index 3565e5d577b..c01870610b1 100644
--- a/frontend/src/components/Buttons/Playback/PlayPauseButton.vue
+++ b/frontend/src/components/Buttons/Playback/PlayPauseButton.vue
@@ -3,7 +3,11 @@
     icon
     :size="size"
     :loading="playbackManager.isBuffering"
-    @click="playbackManager.playPause">
+    @click="(e: MouseEvent) => {
+      if ('pointerType' in e && e.pointerType) {
+        playbackManager.playPause()
+      }
+    }">
     <VIcon
       :size="size"
       :icon="playPauseIcon" />
@@ -11,6 +15,9 @@
 </template>
 
 <script setup lang="ts">
+/**
+ * - Reason behind pointer checks: https://github.com/jellyfin/jellyfin-vue/issues/2353
+ */
 import IMdiExclamation from 'virtual:icons/mdi/exclamation';
 import IMdiPauseCircleOutline from 'virtual:icons/mdi/pause-circle-outline';
 import IMdiPlayCircleOutline from 'virtual:icons/mdi/play-circle-outline';