fix(primeng/tieredMenu): handle enter keyboard event

Process the keyboard `enter` event for a menu item if it is not `routerLink'. Fixes primefaces#11514.
volvachev · May 12, 2022 · 33b883f · 33b883f
1 parent add0e0c
commit 33b883f
Showing 1 changed file with 11 additions and 3 deletions.
diff --git a/src/app/components/tieredmenu/tieredmenu.ts b/src/app/components/tieredmenu/tieredmenu.ts
@@ -152,12 +152,12 @@ export class TieredMenuSub implements OnDestroy {
         this.leafClick.emit();
     }
 
-    onItemKeyDown(event, item) {
+    onItemKeyDown(event, item: MenuItem) {
         let listItem = event.currentTarget.parentElement;
 
         switch (event.key) {
             case 'ArrowDown':
-                var nextItem = this.findNextItem(listItem);
+                const nextItem = this.findNextItem(listItem);
                 if (nextItem) {
                     nextItem.children[0].focus();
                 }
@@ -166,7 +166,7 @@ export class TieredMenuSub implements OnDestroy {
             break;
 
             case 'ArrowUp':
-                var prevItem = this.findPrevItem(listItem);
+                const prevItem = this.findPrevItem(listItem);
                 if (prevItem) {
                     prevItem.children[0].focus();
                 }
@@ -190,6 +190,14 @@ export class TieredMenuSub implements OnDestroy {
                 event.preventDefault();
             break;
 
+            case 'Enter':
+                if (!item.routerLink) {
+                    this.onItemClick(event, item);
+                }
+
+            break;
+
+
             default:
             break;
         }