body fix with open modal

IrynaSlavinska · Apr 26, 2024 · fd16e22 · fd16e22
1 parent 4d76011
commit fd16e22
Showing 1 changed file with 7 additions and 0 deletions.
diff --git a/src/main.js b/src/main.js
@@ -20,7 +20,9 @@ import './js/scroll-up';
   refs.closeModalBtn.addEventListener('click', toggleModal);
 
   refs.modal.addEventListener('click', onBackdropClose);
+
   document.body.addEventListener('keydown', onEscClose);
+
   function onBackdropClose(e) {
     if (e.currentTarget !== e.target) {
       return;
@@ -39,5 +41,10 @@ import './js/scroll-up';
   }
   function toggleModal() {
     refs.modal.classList.toggle('is-hidden');
+    if (refs.modal.classList.contains('is-hidden')) {
+      document.body.style.overflow = 'auto';
+    } else {
+      document.body.style.overflow = 'hidden';
+    }
   }
 })();