X-Git-Url: https://vcs.fsf.org/?a=blobdiff_plain;f=js%2Fcrm.menubar.js;h=c75e38c5e5ba0f1e711433ebc4a747846d0f277d;hb=a44c938d51fde9e20534bbce987760f1fa072270;hp=a9177bb5b2ced16a5bcff09953e02aa41d9acc2c;hpb=9a518a43e3296153eae8a1bb22bcdc350aebea9a;p=civicrm-core.git

diff --git a/js/crm.menubar.js b/js/crm.menubar.js
index a9177bb5b2..c75e38c5e5 100644
--- a/js/crm.menubar.js
+++ b/js/crm.menubar.js
@@ -314,6 +314,12 @@
             });
           },
           focus: function (event, ui) {
+            // This is when an item is 'focussed' by keyboard up/down or mouse hover.
+            // It is not the same as actually having focus, i.e. it is not :focus
+            var lis = $(event.currentTarget).find('li[data-cid="' + ui.item.value + '"]');
+            lis.children('div').addClass('ui-state-active');
+            lis.siblings().children('div').removeClass('ui-state-active');
+            // Returning false leaves the user-entered text as it was.
             return false;
           },
           select: function (event, ui) {
@@ -340,6 +346,7 @@
         .autocomplete( "instance" )._renderItem = function( ul, item ) {
           var uiMenuItemWrapper = $("<div class='ui-menu-item-uiMenuItemWrapper'>");
           if (item.value == 0) {
+            // "No results"
             uiMenuItemWrapper.text(item.label);
           }
           else {
@@ -359,7 +366,7 @@
               }));
           }
 
-          return $( "<li class='ui-menu-item'>" )
+          return $( "<li class='ui-menu-item' data-cid=" + item.value + ">" )
             .append(uiMenuItemWrapper)
             .appendTo( ul );
         };