Closes overlaypanel on escape key press

primefaces · Oct 19, 2023 · 147fb1a · 147fb1a
1 parent 21e0575
commit 147fb1a
Showing 1 changed file with 6 additions and 0 deletions.
diff --git a/src/app/components/overlaypanel/overlaypanel.ts b/src/app/components/overlaypanel/overlaypanel.ts
@@ -8,6 +8,7 @@ import {
     ContentChildren,
     ElementRef,
     EventEmitter,
+    HostListener,
     Inject,
     Input,
     NgModule,
@@ -422,6 +423,11 @@ export class OverlayPanel implements AfterContentInit, OnDestroy {
         this.hide();
         event.preventDefault();
     }
+
+    @HostListener('document:keydown.escape', ['$event'])
+    onEscapeKeydown(event: KeyboardEvent) {
+        this.hide()
+    }
 
     onWindowResize() {
         if (this.overlayVisible && !DomHandler.isTouchDevice()) {