Forwardport of MAGETWO-93818: Magnifier function does not disappear after mouse-off the image from the bottom

Added onMouseLeave events

Author: Graham Wharton

lib/web/magnifier/magnifier.js

@@ -554,6 +554,15 @@
             thumbObj.src = thumb.src;
         }
 
+        /**
+         * Hide magnifier when mouse exceeds image bounds.
+         */
+        function onMouseLeave() {
+            onThumbLeave();
+            isOverThumb = false;
+            $magnifierPreview.addClass(MagnifyCls.magnifyHidden);
+        }
+
         function onMousemove(e) {
             pos.x = e.clientX;
             pos.y = e.clientY;
@@ -564,15 +573,9 @@
                 isOverThumb = inBounds;
             }
 
-            if (inBounds && isOverThumb) {
-                if(gMode === 'outside'){
-                    $magnifierPreview.removeClass(MagnifyCls.magnifyHidden);
-                }
+            if (inBounds && isOverThumb && gMode === 'outside') {
+                $magnifierPreview.removeClass(MagnifyCls.magnifyHidden);
                 move();
-            } else {
-                onThumbLeave();
-                isOverThumb = false;
-                $magnifierPreview.addClass(MagnifyCls.magnifyHidden);
             }
         }
 
@@ -589,6 +592,8 @@
         });
 
         $box.on('mousemove', onMousemove);
+        $box.on('mouseleave', onMouseLeave);
+        
         _init($box, customUserOptions);
     }
 }(jQuery));