Hide menus when they lose focus

Doist · Mar 7, 2024 · f9bb117 · f9bb117
1 parent cca366b
commit f9bb117
Showing 1 changed file with 6 additions and 0 deletions.
diff --git 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