Fix #286

If present, the filter text box will be focused when the menu is opened.

Hitting escape in the menu closes the widget like it does anywhere else
now.

Closing the widget focuses on the button, which fixes tab navigation.

Author: mlh758

src/jquery.multiselect.filter.js

@@ -67,6 +67,11 @@
           // prevent the enter key from submitting the form / closing the widget
           if(e.which === 13) {
             e.preventDefault();
+          } else if(e.which === 82 && e.altKey) {
+            e.preventDefault();
+            $(this).val('').trigger('input', '');
+          } else if(e.which === 27) {
+            elem.multiselect('instance').close();
           }
         },
         input: $.proxy(debounce(this._handler, opts.debounceMS), this),

src/jquery.multiselect.js

@@ -629,10 +629,15 @@
       // positon
       this.position();
 
-      // select the first not disabled option
-      // triggering both mouseover and mouseover because 1.4.2+ has a bug where triggering mouseover
-      // will actually trigger mouseenter.  the mouseenter trigger is there for when it's eventually fixed
-      this.labels.filter(':not(.ui-state-disabled)').eq(0).trigger('mouseover').trigger('mouseenter').find('input').trigger('focus');
+
+      // select the first not disabled option or the filter input if available
+      var filter = this.header.find(".ui-multiselect-filter");
+      if(filter.length) {
+        filter.first().find('input').trigger('focus');
+      } else {
+        this.labels.filter(':not(.ui-state-disabled)').eq(0).trigger('mouseover').trigger('mouseenter').find('input').trigger('focus');
+      }
+
 
       button.addClass('ui-state-active');
       this._isOpen = true;
@@ -664,6 +669,7 @@
       this.button.removeClass('ui-state-active').trigger('blur').trigger('mouseleave');
       this._isOpen = false;
       this._trigger('close');
+      this.button.trigger('focus');
     },
 
     enable: function() {