From 54932fee86d9ee02b4bef244f54c3b7d4fc7d332 Mon Sep 17 00:00:00 2001
From: jeffvli <jeffvictorli@gmail.com>
Date: Thu, 4 Sep 2025 19:49:25 -0700
Subject: [PATCH] fix context menu stuck on rating hover (#1079)

---
 .../context-menu/context-menu-provider.tsx       | 16 +++++++++-------
 1 file changed, 9 insertions(+), 7 deletions(-)

diff --git a/src/renderer/features/context-menu/context-menu-provider.tsx b/src/renderer/features/context-menu/context-menu-provider.tsx
index 5e33a70f..dc6dfb1f 100644
--- a/src/renderer/features/context-menu/context-menu-provider.tsx
+++ b/src/renderer/features/context-menu/context-menu-provider.tsx
@@ -105,7 +105,14 @@ export const ContextMenuProvider = ({ children }: ContextMenuProviderProps) => {
     const disabledItems = useSettingsStore((state) => state.general.disabledContextMenu);
     const { t } = useTranslation();
     const [opened, setOpened] = useState(false);
-    const clickOutsideRef = useClickOutside(() => setOpened(false));
+
+    const [ratingsRef, setRatingsRef] = useState<HTMLDivElement | null>(null);
+
+    const clickOutsideRef = useClickOutside(
+        () => setOpened(false),
+        ['mousedown', 'touchstart'],
+        [ratingsRef],
+    );
 
     const viewport = useViewportSize();
     const server = useCurrentServer();
@@ -950,12 +957,7 @@ export const ContextMenuProvider = ({ children }: ContextMenuProviderProps) => {
                                                                 </ContextMenuButton>
                                                             </HoverCard.Target>
                                                             <HoverCard.Dropdown>
-                                                                <Stack
-                                                                    gap={0}
-                                                                    // Pass in this ref to the stack component as well
-                                                                    // so that it is treated as "inside" for clickOutsideRef
-                                                                    ref={mergedRef}
-                                                                >
+                                                                <Stack gap={0} ref={setRatingsRef}>
                                                                     {contextMenuItems[
                                                                         item.id
                                                                     ].children?.map((child) => (