fix: add touch event for modal screen (#292)

This PR introduces the touchend event so that clicking the screen of a modal will close it.
sebnitu · Aug 7, 2020 · d8a4433 · d8a4433
1 parent f2557b2
commit d8a4433
Show file tree

Hide file tree

Showing 14 changed files with 33 additions and 5 deletions.
diff --git a/docs/dist/scripts.cjs.js b/docs/dist/scripts.cjs.js
@@ -868,6 +868,7 @@ var Drawer = function Drawer(options) {
     setTabindex();
     api.breakpoint.init();
     document.addEventListener('click', handler, false);
+    document.addEventListener('touchend', handler, false);
     document.addEventListener('keyup', handlerEscape, false);
   };
 
@@ -877,6 +878,7 @@ var Drawer = function Drawer(options) {
     api.state = {};
     localStorage.removeItem(api.settings.stateKey);
     document.removeEventListener('click', handler, false);
+    document.removeEventListener('touchend', handler, false);
     document.removeEventListener('keyup', handlerEscape, false);
   };
 
@@ -1428,12 +1430,14 @@ var Modal = function Modal(options) {
     setTabindex();
     moveModals();
     document.addEventListener('click', handler, false);
+    document.addEventListener('touchend', handler, false);
     document.addEventListener('keyup', handlerEscape, false);
   };
 
   api.destroy = function () {
     api.memory = {};
     document.removeEventListener('click', handler, false);
+    document.removeEventListener('touchend', handler, false);
     document.removeEventListener('keyup', handlerEscape, false);
   };
 

diff --git a/docs/dist/scripts.js b/docs/dist/scripts.js
@@ -869,6 +869,7 @@
       setTabindex();
       api.breakpoint.init();
       document.addEventListener('click', handler, false);
+      document.addEventListener('touchend', handler, false);
       document.addEventListener('keyup', handlerEscape, false);
     };
 
@@ -878,6 +879,7 @@
       api.state = {};
       localStorage.removeItem(api.settings.stateKey);
       document.removeEventListener('click', handler, false);
+      document.removeEventListener('touchend', handler, false);
       document.removeEventListener('keyup', handlerEscape, false);
     };
 
@@ -1429,12 +1431,14 @@
       setTabindex();
       moveModals();
       document.addEventListener('click', handler, false);
+      document.addEventListener('touchend', handler, false);
       document.addEventListener('keyup', handlerEscape, false);
     };
 
     api.destroy = function () {
       api.memory = {};
       document.removeEventListener('click', handler, false);
+      document.removeEventListener('touchend', handler, false);
       document.removeEventListener('keyup', handlerEscape, false);
     };
 

diff --git a/docs/dist/scripts.min.js b/docs/dist/scripts.min.js
diff --git a/packages/drawer/dist/scripts.cjs.js b/packages/drawer/dist/scripts.cjs.js
@@ -754,6 +754,7 @@ var Drawer = function Drawer(options) {
     setTabindex();
     api.breakpoint.init();
     document.addEventListener('click', handler, false);
+    document.addEventListener('touchend', handler, false);
     document.addEventListener('keyup', handlerEscape, false);
   };
 
@@ -763,6 +764,7 @@ var Drawer = function Drawer(options) {
     api.state = {};
     localStorage.removeItem(api.settings.stateKey);
     document.removeEventListener('click', handler, false);
+    document.removeEventListener('touchend', handler, false);
     document.removeEventListener('keyup', handlerEscape, false);
   };
 

diff --git a/packages/drawer/dist/scripts.js b/packages/drawer/dist/scripts.js
@@ -753,6 +753,7 @@
 	    setTabindex();
 	    api.breakpoint.init();
 	    document.addEventListener('click', handler, false);
+	    document.addEventListener('touchend', handler, false);
 	    document.addEventListener('keyup', handlerEscape, false);
 	  };
 
@@ -762,6 +763,7 @@
 	    api.state = {};
 	    localStorage.removeItem(api.settings.stateKey);
 	    document.removeEventListener('click', handler, false);
+	    document.removeEventListener('touchend', handler, false);
 	    document.removeEventListener('keyup', handlerEscape, false);
 	  };
 

diff --git a/packages/drawer/dist/scripts.min.js b/packages/drawer/dist/scripts.min.js
diff --git a/packages/drawer/index.js b/packages/drawer/index.js
@@ -54,6 +54,7 @@ export const Drawer = (options) => {
     setTabindex();
     api.breakpoint.init();
     document.addEventListener('click', handler, false);
+    document.addEventListener('touchend', handler, false);
     document.addEventListener('keyup', handlerEscape, false);
   };
 
@@ -63,6 +64,7 @@ export const Drawer = (options) => {
     api.state = {};
     localStorage.removeItem(api.settings.stateKey);
     document.removeEventListener('click', handler, false);
+    document.removeEventListener('touchend', handler, false);
     document.removeEventListener('keyup', handlerEscape, false);
   };
 

diff --git a/packages/modal/dist/scripts.cjs.js b/packages/modal/dist/scripts.cjs.js
@@ -743,12 +743,14 @@ var Modal = function Modal(options) {
     setTabindex();
     moveModals();
     document.addEventListener('click', handler, false);
+    document.addEventListener('touchend', handler, false);
     document.addEventListener('keyup', handlerEscape, false);
   };
 
   api.destroy = function () {
     api.memory = {};
     document.removeEventListener('click', handler, false);
+    document.removeEventListener('touchend', handler, false);
     document.removeEventListener('keyup', handlerEscape, false);
   };
 

diff --git a/packages/modal/dist/scripts.js b/packages/modal/dist/scripts.js
@@ -742,12 +742,14 @@
 	    setTabindex();
 	    moveModals();
 	    document.addEventListener('click', handler, false);
+	    document.addEventListener('touchend', handler, false);
 	    document.addEventListener('keyup', handlerEscape, false);
 	  };
 
 	  api.destroy = function () {
 	    api.memory = {};
 	    document.removeEventListener('click', handler, false);
+	    document.removeEventListener('touchend', handler, false);
 	    document.removeEventListener('keyup', handlerEscape, false);
 	  };