ACP2E-3029: [Cloud] Mobile Issue Only not able to pinch on the PDP image

Author: aplapana

lib/web/magnifier/magnify.js

@@ -31,11 +31,10 @@ define([
             endX,
             transitionEnabled,
             transitionActive = false,
-            tapFlag,
+            tapFlag = 0,
             allowZoomOut = false,
             allowZoomIn = true;
 
-        tapFlag = new Date().getTime();
         transitionEnabled = document.documentElement.style.transition !== undefined ||
             document.documentElement.style.WebkitTransition !== undefined ||
             document.documentElement.style.MozTransition !== undefined ||
@@ -521,6 +520,7 @@ define([
          * Method which makes draggable picture. Also work on touch devices.
          */
         function magnifierFullscreen(fotorama) {
+            tapFlag = new Date().getTime();
             var isDragActive = false,
                 startX,
                 startY,
@@ -636,21 +636,21 @@ define([
             }
 
             function detectDoubleTap(e) {
-                var now = new Date().getTime(),
+                let now = new Date().getTime(),
                     timesince = now - tapFlag;
 
-                if (timesince < 2000 && timesince > 400) {
+                if (timesince > 10 && (isTouchEnabled && timesince < 400) || (!isTouchEnabled && timesince < 2000)) {
                     transitionActive = false;
                     dblClickHandler(e);
+                    tapFlag = now;
                 }
+
                 tapFlag = now;
             }
 
             $image.off('dblclick');
             $image.on('dblclick', detectDoubleTap);
-            $image.on('click', function (e) {
-                detectDoubleTap(e);
-            });
+            $image.on('touchend', detectDoubleTap);
 
             if (gallery.fullScreen) {
                 toggleZoomButtons($image, isTouchEnabled, checkForVideo(fotorama.activeFrame.$stageFrame));
@@ -820,12 +820,6 @@ define([
                 }
             });
 
-            $image.on('touchend', function (e) {
-                if (isTouchEnabled && gallery.fullScreen) {
-                    detectDoubleTap(e);
-                }
-            });
-
             $(window).off('resize', resizeHandler);
             $(window).on('resize', {
                 $image: $image,