Close modals in schema designer on esc key press

digitallyinduced · Aug 6, 2021 · bf3baf1 · bf3baf1
1 parent 0164273
commit bf3baf1
Showing 1 changed file with 13 additions and 0 deletions.
diff --git a/lib/IHP/static/IDE/ihp-schemadesigner.js b/lib/IHP/static/IDE/ihp-schemadesigner.js
@@ -128,6 +128,7 @@ function initSchemaDesigner() {
     });
 
     initEnumValueNameSnakeCaseCheck();
+    closeModalOnEscape();
 }
 
 function initCodeEditor() {
@@ -298,4 +299,16 @@ function initEnumValueNameSnakeCaseCheck() {
             input.classList.remove('is-invalid');
         }
     }
+}
+
+function closeModalOnEscape() {
+    document.addEventListener('keydown', event => {
+        const escKey = 27;
+        if (event.keyCode != escKey) {
+            return;
+        }
+
+        const modalBackdrop = document.getElementById('modal-backdrop');
+        modalBackdrop?.click();
+    })
 }