Added global ESC handler to close popups

semaphoreui · Aug 30, 2021 · 47c5144 · 47c5144
1 parent fe36b8c
commit 47c5144
Showing 1 changed file with 8 additions and 1 deletion.
diff --git a/web2/src/components/EditDialog.vue b/web2/src/components/EditDialog.vue
@@ -10,7 +10,6 @@ Can use used in tandem with ItemFormBase.js. See KeyForm.vue for example.
     persistent
     :transition="false"
     :content-class="'item-dialog item-dialog--' + position"
-    @keydown.esc="close()"
   >
     <v-card>
       <v-card-title class="headline">
@@ -81,6 +80,14 @@ export default {
     };
   },
 
+  beforeCreate() {
+    window.addEventListener('keydown', (ev) => {
+      if (ev.key === 'Escape' && this.dialog !== false) {
+        this.close();
+      }
+    });
+  },
+
   watch: {
     async dialog(val) {
       this.$emit('input', val);