close modal when pressed esc key

2 years ago · dd916b2136
1 changed files with 6 additions and 1 deletions
--- a/npm/ng-packs/packages/theme-shared/src/lib/components/modal/modal-close.directive.ts
+++ b/npm/ng-packs/packages/theme-shared/src/lib/components/modal/modal-close.directive.ts
@ -13,4 +13,9 @@ export class ModalCloseDirective {
  onClick() {
    this.modal?.close();
  }
-}
+
+  @HostListener('document:keydown.escape') 
+  handleKeyboardEvent(event: KeyboardEvent) {
+    this.modal?.close();
+  }
+}