fix(menu): disabled hideAfterClick sub-menu-label

moecasts · Jul 2, 2024 · 3c45d28 · 3c45d28
1 parent fdf9e97
commit 3c45d28
Show file tree

Hide file tree

Showing 3 changed files with 4 additions and 1 deletion.
diff --git a/packages/casts-menu/src/components/hooks/use-menu-item.ts b/packages/casts-menu/src/components/hooks/use-menu-item.ts
@@ -46,7 +46,7 @@ export const useMenuItem = (props: UseMenuItemProps) => {
     onClick?.({ e: event });
 
     if (
-      subMenuContext.hideAfterClick &&
+      (props.hideAfterClick ?? subMenuContext.hideAfterClick) &&
       subMenuContext.expandType === 'popup'
     ) {
       subMenuContext.onOpenChange?.(false);

diff --git a/packages/casts-menu/src/components/sub-menu.tsx b/packages/casts-menu/src/components/sub-menu.tsx
@@ -101,6 +101,7 @@ export const SubMenu = forwardRef(
         focusable={focusable}
         className={innerClasses}
         style={innerStyles}
+        hideAfterClick={false}
         {...innerEvents}
       >
         {label}

diff --git a/packages/casts-menu/src/components/types/menu-item.ts b/packages/casts-menu/src/components/types/menu-item.ts
@@ -18,6 +18,8 @@ export type UseMenuItemProps = BaseComponentProps &
     focusable?: boolean;
 
     label?: ReactNode;
+
+    hideAfterClick?: boolean;
   };
 
 export type MenuItemProps = UseMenuItemProps & {