Autocomplete on key press in some dropdown menus

customize.dist/main.css

@@ -376,6 +376,10 @@
   background-color: #f1f1f1;
   color: black !important;
 }
+.dropdown-bar .dropdown-bar-content a.active {
+  background-color: #e8e8e8;
+  color: black !important;
+}
 .dropdown-bar .dropdown-bar-content hr {
   margin: 5px 0px;
   height: 1px;

customize.dist/messages.js

@@ -109,12 +109,7 @@ define(req, function(Default, Language) {
         var $button = $(selector).find('button .buttonTitle');
         // Select the current language in the list
         var option = $(selector).find('[data-value="' + language + '"]');
-        if ($(option).length) {
-            $button.text($(option).text());
-        }
-        else {
-            $button.text('English');
-        }
+        selector.setValue(language || 'English');
 
         // Listen for language change
         $(selector).find('a.languageValue').on('click', function () {

customize.dist/src/less/dropdown.less

@@ -57,6 +57,11 @@
                 background-color: #f1f1f1;
                 color: black !important;
             }
+
+            &.active {
+                background-color: #e8e8e8;
+                color: black !important;
+            }
         }
 
         hr {

customize.dist/toolbar.css

@@ -42,6 +42,10 @@
   background-color: #f1f1f1;
   color: black !important;
 }
+.dropdown-bar .dropdown-bar-content a.active {
+  background-color: #e8e8e8;
+  color: black !important;
+}
 .dropdown-bar .dropdown-bar-content hr {
   margin: 5px 0px;
   height: 1px;