Merge pull request #13931 from qburst/close-overlay-panel-on-escape

fix(overlaypanel): close overlay panel on escape key press
primefaces · Oct 25, 2023 · 5293243 · 5293243
2 parents cb2d8eb + 5a0458e
commit 5293243
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()) {