Close the modal when clicking outside. #27

VizuaaLOG · Jul 27, 2018 · 0187db2 · 0187db2
1 parent 0a4250e
commit 0187db2
Showing 1 changed file with 4 additions and 0 deletions.
diff --git a/src/plugins/modal.js b/src/plugins/modal.js
@@ -46,6 +46,9 @@ class Modal {
             this.setupCloseEvent();
         }
 
+        this.modalBackground = this.root.querySelector('.modal-background');
+        this.modalBackground.addEventListener('click', this.boundHandleCloseEvent);
+
         /**
          * Create a bound version of our event escape event handler, this will
          * allow us to remove the event listener later on.
@@ -134,6 +137,7 @@ class Modal {
         }
 
         document.removeEventListener('keyup', this.boundHandleEscapeClose);
+        this.modalBackground.removeEventListener('click', this.boundHandleCloseEvent);
 
         this.root = null;
         this.closeButton = null;