MAGETWO-11129: Found records in global search in Backend can't be selected via keyboard

Author: Ihor Melnychenko

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: #ced7f6;
+            }
         }
         .title {
             display: block;

lib/web/mage/backend/suggest.js

@@ -19,7 +19,7 @@
         factory(root.jQuery, root.mageTemplate);
     }
 }(this, function ($, mageTemplate) {
-    'use strict';
+    //'use strict';
 
     /**
      * Implement base functionality
@@ -178,16 +178,37 @@
         _bind: function () {
             this._on($.extend({
                 keydown: function (event) {
-                    var keyCode = $.ui.keyCode;
+                    var keyCode = $.ui.keyCode,
+                        suggestList;
                     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];
+                            if (suggestList) {
+                                $(suggestList.getElementsByClassName('_active')[0]).removeClass('_active').prev().addClass('_active');;
+                            }
+                            break;
+                        case keyCode.PAGE_DOWN:
                         case keyCode.DOWN:
                             if (!event.shiftKey) {
                                 event.preventDefault();
                                 this._proxyEvents(event);
                             }
+
+                            suggestList = event.currentTarget.parentNode.getElementsByTagName('ul')[0];
+                            if(suggestList){
+                                if(suggestList.getElementsByClassName('_active').length === 0) {
+                                    $(suggestList.children[0]).addClass('_active');
+                                }else {
+                                    $(suggestList.getElementsByClassName('_active')[0]).removeClass('_active').next().addClass('_active');
+                                }
+                            }
+
                             break;
                         case keyCode.TAB:
                             if (this.isDropdownShown()) {