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

Author: aplapana

lib/web/magnifier/magnify.js

@@ -18,6 +18,7 @@ define([
             zoomInButtonSelector = '[data-gallery-role="fotorama__zoom-in"]',
             zoomOutButtonSelector = '[data-gallery-role="fotorama__zoom-out"]',
             fullscreenImageSelector = '[data-gallery-role="stage-shaft"] [data-active="true"] .fotorama__img--full',
+
             imageDraggableClass = 'fotorama__img--draggable',
             imageZoommable = 'fotorama__img--zoommable',
             zoomInLoaded = 'zoom-in-loaded',
@@ -31,10 +32,11 @@ define([
             endX,
             transitionEnabled,
             transitionActive = false,
-            tapFlag = 0,
+            tapFlag,
             allowZoomOut = false,
             allowZoomIn = true;
 
+        tapFlag = new Date().getTime();
         transitionEnabled = document.documentElement.style.transition !== undefined ||
             document.documentElement.style.WebkitTransition !== undefined ||
             document.documentElement.style.MozTransition !== undefined ||
@@ -638,24 +640,18 @@ define([
                 var now = new Date().getTime(),
                     timesince = now - tapFlag;
 
-                if (timesince < 400 && timesince > 0) {
+                if (timesince < 2000 && timesince > 400) {
                     transitionActive = false;
-                    tapFlag = 0;
                     dblClickHandler(e);
-                } else {
-                    tapFlag = new Date().getTime();
                 }
+                tapFlag = now;
             }
 
-            $image.off('tap');
-            $image.on('tap', function (e) {
-                if (e.originalEvent.originalEvent.touches.length === 0) {
-                    detectDoubleTap(e);
-                }
-            });
-
             $image.off('dblclick');
             $image.on('dblclick', detectDoubleTap);
+            $image.on('click', function (e) {
+                detectDoubleTap(e);
+            });
 
             if (gallery.fullScreen) {
                 toggleZoomButtons($image, isTouchEnabled, checkForVideo(fotorama.activeFrame.$stageFrame));
@@ -822,10 +818,12 @@ define([
 
                     isDragActive = false;
                     $image.removeClass(imageDraggableClass);
+                }
+            });
 
-                    if (isTouchEnabled) {
-                        detectDoubleTap(e);
-                    }
+            $image.on('touchend', function (e) {
+                if (isTouchEnabled && gallery.fullScreen) {
+                    detectDoubleTap(e);
                 }
             });