Close card foo's

TetiZ · Jan 31, 2024 · f597f79 · f597f79
1 parent 450a5e1
commit f597f79
Showing 1 changed file with 11 additions and 6 deletions.
diff --git a/src/js/exersises.js b/src/js/exersises.js
@@ -605,19 +605,24 @@ function dataToStorage(data) {
   }
 
   // Close card foo's
-
   const modalBackDrop = document.querySelector('.pop-backdrop.is-open');
 
-  async function closeWithBackDrop() {
-    await popUp(data);
-    modal.innerHTML = '';
-    modalBackDrop.classList.remove('is-open');
+  async function closeWithBackDrop(event) {
+    if (
+      event.target.classList.contains('pop-ex-close-btn') ||
+      event.key === 'Escape' 
+    ) {
+      await popUp(data);
+      modal.innerHTML = '';
+      modalBackDrop.classList.remove('is-open');
+    }
   }
 
   if (modalBackDrop) {
     modalBackDrop.addEventListener('click', closeWithBackDrop);
-  }
 
+    document.addEventListener('keydown', closeWithBackDrop);
+  }
   window.addEventListener('keydown', function (e) {
     if (e.key === 'Escape') {
       modal.innerHTML = '';