Fix primefaces#7508: Disabled Menu item display (primefaces#7537)

melloware · Dec 31, 2024 · c4ea455 · c4ea455
1 parent 8ad1260
commit c4ea455
Show file tree

Hide file tree

Showing 2 changed files with 2 additions and 2 deletions.
diff --git a/components/lib/menu/Menu.js b/components/lib/menu/Menu.js
@@ -357,7 +357,7 @@ export const Menu = React.memo(
                 {
                     onClick: (event) => onItemClick(event, item, key),
                     onMouseMove: (event) => onItemMouseMove(event, key),
-                    className: cx('content')
+                    className: cx('content', { item })
                 },
                 getMenuItemPTOptions('content', menuContext)
             );

diff --git a/components/lib/menu/MenuBase.js b/components/lib/menu/MenuBase.js
@@ -40,7 +40,7 @@ const classes = {
             'p-ripple-disabled': (context && context.ripple === false) || PrimeReact.ripple === false
         }),
     menu: 'p-menu-list p-reset',
-    content: 'p-menuitem-content',
+    content: ({ item }) => classNames('p-menuitem-content', { 'p-disabled': item.disabled }),
     action: ({ item }) => classNames('p-menuitem-link', { 'p-disabled': item.disabled }),
     menuitem: ({ focused }) => classNames('p-menuitem', { 'p-focus': focused }),
     submenuHeader: ({ submenu }) =>