Fixed spacebar scrolling page

pabloeltdev · Nov 20, 2023 · b6a434d · b6a434d
1 parent 218f8cc
commit b6a434d
Showing 1 changed file with 6 additions and 3 deletions.
diff --git a/components/control/Panel.vue b/components/control/Panel.vue
@@ -100,9 +100,12 @@ onMounted(() => {
   mediaSession.setActionHandler('previoustrack', skipBack)
   mediaSession.setActionHandler('play', togglePlay)
   mediaSession.setActionHandler('pause', togglePlay)
-  window.addEventListener('keypress', (evt: KeyboardEvent) =>
-    evt.code === 'Space' && togglePlay()
-  )
+  window.addEventListener('keypress', (evt: KeyboardEvent) => {
+    if (evt.code === 'Space') {
+      evt.preventDefault()
+      togglePlay()
+    }
+  })
   if (playing.value) audio.value!.src = playing.value.mediaUrl!
 })
 </script>