From 53499e25796e86341cd4f4349e72ced27aa5f4df Mon Sep 17 00:00:00 2001
From: jeffvli <jeffvictorli@gmail.com>
Date: Thu, 4 Sep 2025 20:48:15 -0700
Subject: [PATCH] fix clickoutside on main context menu

---
 src/renderer/features/context-menu/context-menu-provider.tsx | 5 +++--
 1 file changed, 3 insertions(+), 2 deletions(-)

diff --git a/src/renderer/features/context-menu/context-menu-provider.tsx b/src/renderer/features/context-menu/context-menu-provider.tsx
index f43557e4..81b1d019 100644
--- a/src/renderer/features/context-menu/context-menu-provider.tsx
+++ b/src/renderer/features/context-menu/context-menu-provider.tsx
@@ -101,6 +101,7 @@ export const ContextMenuProvider = ({ children }: ContextMenuProviderProps) => {
     const { t } = useTranslation();
     const [opened, setOpened] = useState(false);
 
+    const [contextMenuRef, setContextMenuRef] = useState<HTMLDivElement | null>(null);
     const [ratingsRef, setRatingsRef] = useState<HTMLDivElement | null>(null);
     const [rating, setRating] = useState<number>(0);
 
@@ -111,7 +112,7 @@ export const ContextMenuProvider = ({ children }: ContextMenuProviderProps) => {
     const clickOutsideRef = useClickOutside(
         () => setOpened(false),
         ['mousedown', 'touchstart'],
-        [ratingsRef],
+        [contextMenuRef, ratingsRef],
     );
 
     const viewport = useViewportSize();
@@ -908,7 +909,7 @@ export const ContextMenuProvider = ({ children }: ContextMenuProviderProps) => {
                 <AnimatePresence>
                     {opened && (
                         <ContextMenu minWidth={125} ref={mergedRef} xPos={ctx.xPos} yPos={ctx.yPos}>
-                            <Stack gap={0}>
+                            <Stack gap={0} ref={setContextMenuRef}>
                                 <Stack gap={0} onClick={closeContextMenu}>
                                     {ctx.menuItems?.map((item) => {
                                         return (