From 35f87c855273909ca7bcc421ba6b6d5918aad1a4 Mon Sep 17 00:00:00 2001
From: Kendall Garner <17521368+kgarner7@users.noreply.github.com>
Date: Sat, 5 Jul 2025 07:33:37 +0000
Subject: [PATCH] Fix ContextMenu star menu clicking (#987)

Resolves #985.
Currently, attempting to click on one of the `set rating` buttons is a no-op.
This is because it is considered "outside" the `ContextMenu`, which immediately closes it.
Pass in the same merged ref into the body of the `DropDown` component so that it is also treated as "inside".
---
 .../features/context-menu/context-menu-provider.tsx        | 7 ++++++-
 1 file changed, 6 insertions(+), 1 deletion(-)

diff --git a/src/renderer/features/context-menu/context-menu-provider.tsx b/src/renderer/features/context-menu/context-menu-provider.tsx
index 9cd18082..3a00d065 100644
--- a/src/renderer/features/context-menu/context-menu-provider.tsx
+++ b/src/renderer/features/context-menu/context-menu-provider.tsx
@@ -964,7 +964,12 @@ export const ContextMenuProvider = ({ children }: ContextMenuProviderProps) => {
                                                                 </ContextMenuButton>
                                                             </HoverCard.Target>
                                                             <HoverCard.Dropdown>
-                                                                <Stack gap={0}>
+                                                                <Stack
+                                                                    gap={0}
+                                                                    // Pass in this ref to the stack component as well
+                                                                    // so that it is treated as "inside" for clickOutsideRef
+                                                                    ref={mergedRef}
+                                                                >
                                                                     {contextMenuItems[
                                                                         item.id
                                                                     ].children?.map((child) => (