Merge branch 'MAGETWO-11129' into PR-bugs

Author: slopok

app/design/adminhtml/Magento/backend/Magento_Backend/web/css/source/module/header/actions-group/_search.less

@@ -95,6 +95,9 @@
             display: block;
             font-size: @font-size__s;
             padding: @search-global-input__padding-top @search-global-input__padding-side @search-global-input__padding-bottom;
+            &._active {
+                background-color: @color-blue-clear-sky;
+            }
         }
         .title {
             display: block;

lib/web/css/source/lib/_navigation.less

@@ -329,7 +329,6 @@
                 margin: 0 !important;
                 position: absolute;
                 left: 0;
-                top: 100%;
                 z-index: 1;
                 .css(background, @_submenu-background-color);
                 .css(border, @_submenu-border-width @_submenu-border-style @_submenu-border-color);
@@ -370,6 +369,11 @@
                     top: 0 !important;
                     left: 100% !important;
                 }
+                .submenu-reverse{
+                    bottom: 0 !important;
+                    left: auto !important;
+                    right: 100%;
+                }
             }
             &.more {
                 position: relative;

lib/web/mage/backend/suggest.js

@@ -178,16 +178,47 @@
         _bind: function () {
             this._on($.extend({
                 keydown: function (event) {
-                    var keyCode = $.ui.keyCode;
+                    var keyCode = $.ui.keyCode,
+                        suggestList,
+                        hasSuggestedItems,
+                        hasSelectedItems,
+                        selectedItem;
+
                     switch (event.keyCode) {
                         case keyCode.PAGE_UP:
-                        case keyCode.PAGE_DOWN:
                         case keyCode.UP:
+                            if (!event.shiftKey) {
+                                event.preventDefault();
+                                this._proxyEvents(event);
+                            }
+
+                            suggestList = event.currentTarget.parentNode.getElementsByTagName('ul')[0];
+                            hasSuggestedItems = event.currentTarget.parentNode.getElementsByTagName('ul')[0].children.length >= 0;
+                            if (hasSuggestedItems) {
+                                selectedItem =  $(suggestList.getElementsByClassName('_active')[0]).removeClass('_active').prev().addClass('_active');
+                                event.currentTarget.value = selectedItem.find("a").text();
+                            }
+
+                            break;
+                        case keyCode.PAGE_DOWN:
                         case keyCode.DOWN:
                             if (!event.shiftKey) {
                                 event.preventDefault();
                                 this._proxyEvents(event);
                             }
+
+                            suggestList = event.currentTarget.parentNode.getElementsByTagName('ul')[0];
+                            hasSuggestedItems = event.currentTarget.parentNode.getElementsByTagName('ul')[0].children.length >= 0;
+                            if(hasSuggestedItems){
+                                hasSelectedItems = suggestList.getElementsByClassName('_active').length === 0;
+                                if(hasSelectedItems) {
+                                    selectedItem = $(suggestList.children[0]).addClass('_active');
+                                    event.currentTarget.value = selectedItem.find("a").text();
+                                }else {
+                                    selectedItem = $(suggestList.getElementsByClassName('_active')[0]).removeClass('_active').next().addClass('_active');
+                                    event.currentTarget.value = selectedItem.find("a").text();
+                                }
+                            }
                             break;
                         case keyCode.TAB:
                             if (this.isDropdownShown()) {
@@ -197,6 +228,7 @@
                             break;
                         case keyCode.ENTER:
                         case keyCode.NUMPAD_ENTER:
+
                             if (this.isDropdownShown() && this._focused) {
                                 this._proxyEvents(event);
                                 event.preventDefault();