From a670e1c7cd5cd00d36501216adf3c0c66319e3d8 Mon Sep 17 00:00:00 2001
From: ThaUnknown <6506529+ThaUnknown@users.noreply.github.com>
Date: Sun, 7 Sep 2025 16:15:14 +0200
Subject: [PATCH] fix: disable audio scrolling in player when a modal is
 visible

---
 package.json                                     |  2 +-
 src/lib/components/ui/menubar/menubar.svelte     |  2 +-
 .../components/ui/player/episodesmodal.svelte    | 16 +++++++++-------
 src/lib/components/ui/player/options.svelte      |  2 +-
 4 files changed, 12 insertions(+), 10 deletions(-)

diff --git a/package.json b/package.json
index 663a36a..8cf8843 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
 	"name": "ui",
-	"version": "6.4.126",
+	"version": "6.4.127",
 	"license": "BUSL-1.1",
 	"private": true,
 	"packageManager": "pnpm@9.15.5",
diff --git a/src/lib/components/ui/menubar/menubar.svelte b/src/lib/components/ui/menubar/menubar.svelte
index 95022eb..4200a4c 100644
--- a/src/lib/components/ui/menubar/menubar.svelte
+++ b/src/lib/components/ui/menubar/menubar.svelte
@@ -17,7 +17,7 @@
 {#if !SUPPORTS.isAndroid}
   <Wrapper let:platform>
     <div class='w-[calc(100%-3.5rem)] left-[3.5rem] top-0 z-[2000] flex navbar absolute h-8'>
-      <div class='w-full {fullscreenElement ? 'not-draggable' : 'draggable'}' />
+      <div class='w-full {fullscreenElement ? 'not-draggable' : 'draggable'}' on:contextmenu|preventDefault />
       {#if platform !== 'macOS'}
         <div class='window-controls not-draggable flex text-white backdrop-blur'>
           <button class='max-button flex items-center justify-center h-8 w-[46px]' use:click={native.minimise} use:tabindex>
diff --git a/src/lib/components/ui/player/episodesmodal.svelte b/src/lib/components/ui/player/episodesmodal.svelte
index 076b9d5..c2deddf 100644
--- a/src/lib/components/ui/player/episodesmodal.svelte
+++ b/src/lib/components/ui/player/episodesmodal.svelte
@@ -29,12 +29,14 @@
 <Sheet.Root {portal} bind:open={episodeListOpen}>
   <Sheet.Trigger id='episode-list-button' data-down='#player-seekbar' class='text-[rgba(217,217,217,0.6)] hover:text-neutral-500 text-sm leading-none font-light line-clamp-1 text-left hover:underline bg-transparent'>{mediaInfo.session.description}</Sheet.Trigger>
   <Sheet.Content class='w-full sm:w-[550px] p-3 sm:p-6 max-w-full sm:max-w-full h-full overflow-y-scroll flex flex-col !pb-0 shrink-0 gap-0 bg-black justify-between overflow-x-clip'>
-    {#if mediaInfo.media}
-      {#await Promise.all([episodes(mediaInfo.media.id), client.single(mediaInfo.media.id)]) then [eps, media]}
-        {#if media.data?.Media}
-          <EpisodesList {eps} media={media.data.Media} />
-        {/if}
-      {/await}
-    {/if}
+    <div class='contents' on:wheel|stopPropagation>
+      {#if mediaInfo.media}
+        {#await Promise.all([episodes(mediaInfo.media.id), client.single(mediaInfo.media.id)]) then [eps, media]}
+          {#if media.data?.Media}
+            <EpisodesList {eps} media={media.data.Media} />
+          {/if}
+        {/await}
+      {/if}
+    </div>
   </Sheet.Content>
 </Sheet.Root>
diff --git a/src/lib/components/ui/player/options.svelte b/src/lib/components/ui/player/options.svelte
index 15a7087..5aec7ea 100644
--- a/src/lib/components/ui/player/options.svelte
+++ b/src/lib/components/ui/player/options.svelte
@@ -91,7 +91,7 @@
     </Button>
   </Dialog.Trigger>
   <Dialog.Content class='absolute bg-transparent border-none p-0 shadow-none size-full overflow-hidden max-w-full'>
-    <div on:pointerdown|self={close} class='size-full flex justify-center items-center flex-col overflow-y-scroll text-[6px] lg:text-xs' use:dragScroll>
+    <div on:pointerdown|self={close} on:wheel|stopPropagation class='size-full flex justify-center items-center flex-col overflow-y-scroll text-[6px] lg:text-xs' use:dragScroll>
       {#if showKeybinds}
         <div class='bg-black py-3 px-4 rounded-md text-sm lg:text-lg font-bold mb-4'>
           {keybindDesc ?? 'Drag and drop binds to change them'}