Ipad: Fix off-canvas close when click on gray area

t3framework · Jan 21, 2014 · b7d7fe4 · b7d7fe4
1 parent 99fe745
commit b7d7fe4
Show file tree

Hide file tree

Showing 5 changed files with 601 additions and 599 deletions.
diff --git a/source/plg_system_t3/base-bs3/js/jquery.tap.min.js b/source/plg_system_t3/base-bs3/js/jquery.tap.min.js
diff --git a/source/plg_system_t3/base-bs3/js/off-canvas.js b/source/plg_system_t3/base-bs3/js/off-canvas.js
@@ -48,7 +48,7 @@ jQuery (document).ready(function($){
         }
     });
 
-    $toggles.click (function(e){
+    $toggles.on('tap', function(e){
         // detect direction
 
         stopBubble (e);
@@ -98,7 +98,7 @@ jQuery (document).ready(function($){
     });
     var oc_show = function () {
         $wrapper.addClass ('off-canvas-open');
-        $wrapper.on ('click', oc_hide);
+        $wrapper.on ('tap', oc_hide);
         $close.on ('click', oc_hide);
         $offcanvas.on ('click', stopBubble);
 
@@ -114,7 +114,7 @@ jQuery (document).ready(function($){
 
     var oc_hide = function () {
         $wrapper.removeClass ('off-canvas-open');
-        $wrapper.off ('click', oc_hide);
+        $wrapper.off ('tap', oc_hide);
         $close.off ('click', oc_hide);
         $offcanvas.off ('click', stopBubble);
         setTimeout (function (){

diff --git a/source/plg_system_t3/base/js/jquery.tap.min.js b/source/plg_system_t3/base/js/jquery.tap.min.js
diff --git a/source/plg_system_t3/includes/core/template.php b/source/plg_system_t3/includes/core/template.php
@@ -905,6 +905,8 @@ function addHead()
 
 		// As joomla 3.0 bootstrap is buggy, we will not use it
 		$this->addScript(T3_URL . '/bootstrap/js/bootstrap.js');
+		// a jquery tap plugin
+		$this->addScript(T3_URL . '/js/jquery.tap.min.js');
 
 		// add css/js for off-canvas
 		if ($offcanvas && ($this->responcls || $responsive)) {