From 934851456b27c1a903fe7a22f0007382ae9fb59d Mon Sep 17 00:00:00 2001
From: jeffvli <jeffvictorli@gmail.com>
Date: Fri, 27 Feb 2026 00:53:09 -0800
Subject: [PATCH] prevent click propagation on detached queue button (#1762)

---
 .../features/now-playing/components/popover-play-queue.tsx   | 2 +-
 src/renderer/features/player/components/right-controls.tsx   | 5 ++++-
 2 files changed, 5 insertions(+), 2 deletions(-)

diff --git a/src/renderer/features/now-playing/components/popover-play-queue.tsx b/src/renderer/features/now-playing/components/popover-play-queue.tsx
index 872d6713e..31aa743e3 100644
--- a/src/renderer/features/now-playing/components/popover-play-queue.tsx
+++ b/src/renderer/features/now-playing/components/popover-play-queue.tsx
@@ -12,7 +12,7 @@ import { ItemListKey } from '/@/shared/types/types';
 
 interface PopoverPlayQueueProps {
     onClose?: () => void;
-    onToggle?: () => void;
+    onToggle?: (e: React.MouseEvent<HTMLButtonElement>) => void;
     opened?: boolean;
 }
 
diff --git a/src/renderer/features/player/components/right-controls.tsx b/src/renderer/features/player/components/right-controls.tsx
index 1f2b0a7b4..7312479d8 100644
--- a/src/renderer/features/player/components/right-controls.tsx
+++ b/src/renderer/features/player/components/right-controls.tsx
@@ -170,7 +170,10 @@ const QueueButton = () => {
     return (
         <PopoverPlayQueue
             onClose={handlePopoverClose}
-            onToggle={handleToggleQueue}
+            onToggle={(e) => {
+                e.stopPropagation();
+                handleToggleQueue();
+            }}
             opened={popoverOpened}
         />
     );