Fix #234

Only try to focus the first label if labels exist, otherwise focus on
the first link in the header.

SHIFT+TAB in the filter input will close the menu to be consistent with
tab behavior elsewhere and to prevent losing cursor.

If there are no options and the user hits tab on the last header
element, the menu will close.

Author: mlh758

src/jquery.multiselect.filter.js

@@ -69,6 +69,9 @@
             e.preventDefault();
           } else if(e.which === 27) {
             elem.multiselect('instance').close();
+          } else if(e.which === 9 && e.shiftKey) {
+            elem.multiselect('close');
+            e.preventDefault();
           } else if(e.altKey) {
             switch(e.which) {
               case 82:

src/jquery.multiselect.js

@@ -467,6 +467,19 @@
         }
 
         e.preventDefault();
+      }).delegate('a', 'keydown.multiselect', function(e) {
+        switch(e.which) {
+          case 27:
+            self.close();
+            break;
+          case 9:
+            var $target = $(e.target);
+            if((e.shiftKey && !$target.parent().prev().length && !self.header.find(".ui-multiselect-filter").length) || (!$target.parent().next().length && !self.labels.length && !e.shiftKey)) {
+              self.close();
+              e.preventDefault();
+            }
+            break;
+        }
       });
     },
 
@@ -716,8 +729,10 @@
       var filter = this.header.find(".ui-multiselect-filter");
       if(filter.length) {
         filter.first().find('input').trigger('focus');
-      } else {
+      } else if(this.labels.length){
         this.labels.filter(':not(.ui-state-disabled)').eq(0).trigger('mouseover').trigger('mouseenter').find('input').trigger('focus');
+      } else {
+        this.header.find('a').first().trigger('focus');
       }