Allow the modal to close when we click outside the modal content (#1897)

elixir-lang · May 2, 2024 · 47e1762 · 47e1762
1 parent 245dbdf
commit 47e1762
Showing 1 changed file with 8 additions and 0 deletions.
diff --git a/assets/js/modal.js b/assets/js/modal.js
@@ -34,6 +34,14 @@ function renderModal () {
   qs(MODAL_CLOSE_BUTTON_SELECTOR).addEventListener('click', event => {
     closeModal()
   })
+
+  qs(MODAL_SELECTOR).addEventListener('click', event => {
+    const classList = event.target.classList
+    // if we clicked on the modal overlay/parent but not the modal content
+    if (classList.contains('modal') && classList.contains('shown') && classList.length === 2) {
+      closeModal()
+    }
+  })
 }
 
 /**