JS-493: Double click doesn't work on mobile

Author: anastasiiabuniak

lib/web/magnifier/magnify.js

@@ -581,6 +581,10 @@ define([
                 var imgOriginalSize = getImageSize($image[0].src),
                     proportions;
 
+                if (imgOriginalSize.rh < $image.parent().height() && imgOriginalSize.rw < $image.parent().width()) {
+                    return;
+                }
+
                 proportions = imgOriginalSize.rw / imgOriginalSize.rh;
 
                 if (allowZoomIn) {
@@ -594,15 +598,17 @@ define([
                 }
             }
 
-            function detectDoubleTap (e) {
+            function detectDoubleTap(e) {
                 var now = new Date().getTime(),
                     timesince = now - tapFlag;
 
-                if (timesince < 500 && timesince > 0) {
+                if (timesince < 400 && timesince > 0) {
                     transitionActive = false;
+                    tapFlag = 0;
                     dblClickHandler(e);
+                } else {
+                    tapFlag = new Date().getTime();
                 }
-                tapFlag = new Date().getTime();
             }
 
             $image.unbind('dblclick');
@@ -775,9 +781,9 @@ define([
                 }
             });
 
-            isTouchEnabled && $image.off('touchend');
-            isTouchEnabled && $image.on('touchend', function (e) {
-                if (e.originalEvent.touches.length === 0) {
+            isTouchEnabled && $image.off('tap');
+            isTouchEnabled && $image.on('tap', function (e) {
+                if (e.originalEvent.originalEvent.touches.length === 0) {
                     detectDoubleTap(e);
                 }
             });