MAGETWO-27300: Category menu items go out of screen when page side is reached

- fixed delay function and improved sub-menu reverse

Author: Ihor Melnychenko

lib/web/mage/menu.js

@@ -333,19 +333,24 @@ define([
                     }
                 },
                 "mouseenter .ui-menu-item": function (event) {
-                    var target = $(event.currentTarget);
-
-                    if(target.has('ul')){
-                        var ulElement = target.find('ul'),
-                            ulElementWidth = target.find('ul').outerWidth(true),
-                            width = target.outerWidth()*2,
-                            targetPageX = target.offset().left,
-                            rightBound = screen.width;
-
-                        if((ulElementWidth + width + targetPageX)>rightBound){
+                    var target = $(event.currentTarget),
+                        ulElement,
+                        ulElementWidth,
+                        width,
+                        targetPageX,
+                        rightBound;
+
+                    if (target.has('ul')) {
+                        ulElement = target.find('ul');
+                        ulElementWidth = target.find('ul').outerWidth(true);
+                        width = target.outerWidth() * 2;
+                        targetPageX = target.offset().left;
+                        rightBound = screen.width;
+
+                        if ((ulElementWidth + width + targetPageX) > rightBound) {
                             ulElement.addClass('submenu-reverse');
                         }
-                        if(targetPageX - ulElementWidth<0){
+                        if ((targetPageX - ulElementWidth) < 0) {
                             ulElement.removeClass('submenu-reverse');
                         }
                     }