Merge pull request #11970 from primefaces/issue-11928

Fixed #11928 - MenuItem visible property not working in Menu <p-menu>…
primefaces · Sep 23, 2022 · 2ade625 · 2ade625
2 parents 1de4b6b + 44cfb31
commit 2ade625
Show file tree

Hide file tree

Showing 2 changed files with 1 addition and 2 deletions.
diff --git a/src/app/components/menu/menu.css b/src/app/components/menu/menu.css
@@ -11,7 +11,6 @@
 }
 
 .p-menu .p-submenu-header{
-    display: flex;
     align-items: center;
 }
 

diff --git a/src/app/components/menu/menu.ts b/src/app/components/menu/menu.ts
@@ -107,7 +107,7 @@ export class MenuItemContent {
             <ul class="p-menu-list p-reset" role="menu">
                 <ng-template ngFor let-submenu [ngForOf]="model" *ngIf="hasSubMenu()">
                     <li class="p-menu-separator" *ngIf="submenu.separator" [ngClass]="{'p-hidden': submenu.visible === false}" role="separator"></li>
-                    <li class="p-submenu-header" [attr.data-automationid]="submenu.automationId" *ngIf="!submenu.separator" [ngClass]="{'p-hidden': submenu.visible === false}" pTooltip [tooltipOptions]="submenu.tooltipOptions" role="none">
+                    <li class="p-submenu-header" [attr.data-automationid]="submenu.automationId" *ngIf="!submenu.separator" [ngClass]="{'p-hidden': submenu.visible === false, 'flex': submenu.visible}" pTooltip [tooltipOptions]="submenu.tooltipOptions" role="none">
                         <span *ngIf="submenu.escape !== false; else htmlSubmenuLabel">{{submenu.label}}</span>
                         <ng-template #htmlSubmenuLabel><span [innerHTML]="submenu.label"></span></ng-template>
                     </li>