From f9bb117db79365484f5593b3e3e4c30bb1bb5bdf Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Ernesto=20Garc=C3=ADa?= <ernesto@doist.com>
Date: Thu, 7 Mar 2024 09:52:14 -0300
Subject: [PATCH] Hide menus when they lose focus

---
 src/menu/menu.tsx | 6 ++++++
 1 file changed, 6 insertions(+)

diff --git a/src/menu/menu.tsx b/src/menu/menu.tsx
index 2609ae986..ca964c846 100644
--- a/src/menu/menu.tsx
+++ b/src/menu/menu.tsx
@@ -156,6 +156,12 @@ const MenuList = polymorphicComponent<'div', MenuListProps>(function MenuList(
                 className={classNames('reactist_menulist', exceptionallySetClassName)}
                 getAnchorRect={getAnchorRect ?? undefined}
                 modal={modal}
+                onBlur={(event) => {
+                    if (!event.relatedTarget) return
+                    if (event.currentTarget.contains(event.relatedTarget)) return
+                    if (event.relatedTarget?.closest('[role^="menu"]')) return
+                    menuStore.hide()
+                }}
             />
         </Portal>
     ) : null