Fixed #9499 - Add keyboard support to ContextMenu

src/app/components/api/contextmenuservice.ts

@@ -0,0 +1,22 @@
+import { Injectable } from '@angular/core';
+import { Subject } from 'rxjs';
+
+@Injectable()
+export class ContextMenuService {
+
+    private activeItemKeyChange = new Subject<string>();
+
+    activeItemKeyChange$ = this.activeItemKeyChange.asObservable();
+
+    activeItemKey: string;
+
+    changeKey(key) {
+        this.activeItemKey = key;
+        this.activeItemKeyChange.next(this.activeItemKey);
+    }
+
+    reset() {
+        this.activeItemKey = null;
+        this.activeItemKeyChange.next(this.activeItemKey);
+    }
+}

src/app/components/api/public_api.ts

@@ -5,6 +5,7 @@ export * from './blockableui';
 export * from './confirmation';
 export * from './confirmationservice';
 export * from './filtermetadata';
+export * from './contextmenuservice';
 export * from './lazyloadevent';
 export * from './megamenuitem';
 export * from './menuitem';
@@ -21,4 +22,4 @@ export * from './sortmeta';
 export * from './tablestate';
 export * from './treedragdropservice';
 export * from './treenode';
-export * from './treenodedragevent';
+export * from './treenodedragevent';

src/app/components/contextmenu/contextmenu.css

@@ -37,6 +37,6 @@
     margin-left: auto;
 }
 
-.p-contextmenu .p-menuitem-active > p-contextmenusub > .p-submenu-list {
+.p-contextmenu .p-menuitem-active > p-contextmenusub > .p-submenu-list.p-submenu-list-active {
     display: block !important;
-}
+}