MC-39279: [ CLARIFICATION ] Product zoom effect on iPhone is not similar to desktop or android zoom effect

Author: thiaramus

lib/web/magnifier/magnify.js

@@ -35,14 +35,11 @@ define([
             allowZoomOut = false,
             allowZoomIn = true;
 
-        (function () {
-            var style = document.documentElement.style,
-                transitionEnabled = style.transition !== undefined ||
-                style.WebkitTransition !== undefined ||
-                style.MozTransition !== undefined ||
-                style.MsTransition !== undefined ||
-                style.OTransition !== undefined;
-        })();
+        transitionEnabled = document.documentElement.style.transition !== undefined ||
+            document.documentElement.style.WebkitTransition !== undefined ||
+            document.documentElement.style.MozTransition !== undefined ||
+            document.documentElement.style.MsTransition !== undefined ||
+            document.documentElement.style.OTransition !== undefined;
 
         /**
          * Return width and height of original image
@@ -314,7 +311,7 @@ define([
                 ratio,
                 dimentions = {};
 
-            if (allowZoomIn && (!transitionEnabled && !transitionActive) && (isTouchEnabled ||
+            if (allowZoomIn && (!transitionEnabled || !transitionActive) && (isTouchEnabled ||
                 !$(zoomInButtonSelector).hasClass(zoomInDisabled))) {
                 $image = $(fullscreenImageSelector);
                 imgOriginalSize = getImageSize($image[0]);
@@ -387,7 +384,7 @@ define([
                 ratio,
                 fitIntoParent;
 
-            if (allowZoomOut && (!transitionEnabled && !transitionActive) && (isTouchEnabled ||
+            if (allowZoomOut && (!transitionEnabled || !transitionActive) && (isTouchEnabled ||
                 !$(zoomOutButtonSelector).hasClass(zoomOutDisabled))) {
                 allowZoomIn = true;
                 $image = $(fullscreenImageSelector);
@@ -679,7 +676,7 @@ define([
                     if ($image.hasClass(imageDraggableClass)) {
                         $image.removeClass(imageDraggableClass);
                     }
-                } else if (gallery.fullScreen && (!transitionEnabled && !transitionActive)) {
+                } else if (gallery.fullScreen && (!transitionEnabled || !transitionActive)) {
                     imagePosY = getTop($image);
                     imagePosX = $image.offset().left;
 
@@ -719,7 +716,7 @@ define([
                     var clientX,
                         clientY;
 
-                    if (gallery.fullScreen && isDragActive && (!transitionEnabled && !transitionActive)) {
+                    if (gallery.fullScreen && isDragActive && (!transitionEnabled || !transitionActive)) {
 
                         if (allowZoomOut && !$image.hasClass(imageDraggableClass)) {
                             $image.addClass(imageDraggableClass);