Fixed primefaces#14236 - PanelMenu | Fix focus flicker

ashikjs · Nov 29, 2023 · e17b178 · e17b178
1 parent fda0d50
commit e17b178
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 1 deletion.
diff --git a/src/app/components/panelmenu/panelmenu.css b/src/app/components/panelmenu/panelmenu.css
@@ -26,6 +26,7 @@
         text-decoration: none;
         position: relative;
         overflow: hidden;
+        outline: none;
     }
 
     .p-panelmenu .p-menuitem-text {

diff --git a/src/app/components/panelmenu/panelmenu.ts b/src/app/components/panelmenu/panelmenu.ts
@@ -43,7 +43,7 @@ import { ObjectUtils, UniqueComponentId } from 'primeng/utils';
             [attr.aria-activedescendant]="focusedItemId"
             [attr.data-pc-section]="'menu'"
             [attr.aria-hidden]="!parentExpanded"
-            (focusin)="menuFocus.emit($event)"
+            (focus)="menuFocus.emit($event)"
             (focusout)="menuBlur.emit($event)"
             (keydown)="menuKeyDown.emit($event)"
         >
@@ -485,6 +485,7 @@ export class PanelMenuList implements OnChanges {
     }
 
     onItemToggle(event) {
+        this.focused = true;
         const { processedItem, expanded } = event;
         processedItem.expanded = !processedItem.expanded;