Move the line of adding the modal-active class

chingu-voyages · Oct 29, 2023 · 804a140 · 804a140
1 parent 7c0ccf1
commit 804a140
Showing 1 changed file with 1 addition and 1 deletion.
diff --git a/Food-Recipe/index.js b/Food-Recipe/index.js
@@ -218,7 +218,6 @@ function addDialog(name, url, video_url, description, countryTag, rating, cookTi
   const nutritionDetails = createNutritionDetails(nutrition);
   modal.append(close, mealName, mealImage, list, info, ingredientsText, instructionsText, linkContainer, nutritionDetails);
   document.querySelector('.results-section').appendChild(modal);
-  modal.classList.add('modal-active');
 
   close.addEventListener('click', () => closeModal(modal));
   document.body.addEventListener('keydown', (e) => handleKeyPress(e, modal));
@@ -229,6 +228,7 @@ function addDialog(name, url, video_url, description, countryTag, rating, cookTi
 function createModal() {
   const modal = document.createElement('div');
   modal.classList.add('modal');
+  modal.classList.add('modal-active');
   return modal;
 }