Adds tabindex to select element and adds event handlers for focus and tab away

Author: andypandy

angular-dropdowns.js

@@ -8,7 +8,7 @@
 
   dd.run(['$templateCache', function ($templateCache) {
     $templateCache.put('ngDropdowns/templates/dropdownSelect.html', [
-      '<div ng-class="{\'disabled\': dropdownDisabled}" class="wrap-dd-select">',
+      '<div ng-class="{\'disabled\': dropdownDisabled}" class="wrap-dd-select" tabindex="0">',
       '<span class="selected">{{dropdownModel[labelField]}}</span>',
       '<ul class="dropdown">',
       '<li ng-repeat="item in dropdownSelect"',
@@ -94,6 +94,13 @@
             }
           });
 
+          $element.bind('focus', function (event) {
+            event.stopPropagation();
+            if (!$scope.dropdownDisabled) {
+              DropdownService.toggleActive($element);
+            }
+          });
+
           $scope.$on('$destroy', function () {
             DropdownService.unregister($element);
           });
@@ -218,6 +225,15 @@
         });
       });
 
+      body.keydown(function(e) {
+        var code = e.keyCode || e.which;
+        if (code == '9') {
+          angular.forEach(_dropdowns, function (el) {
+            el.removeClass('active');
+          });
+        }
+      });
+
       service.register = function (ddEl) {
         _dropdowns.push(ddEl);
       };