fix(switch): set tabindex to -1 while disabled

angular · Jan 26, 2015 · 19f47b5 · 19f47b5
1 parent f592f21
commit 19f47b5
Show file tree

Hide file tree

Showing 2 changed files with 17 additions and 0 deletions.
diff --git a/src/components/switch/switch.js b/src/components/switch/switch.js
@@ -87,6 +87,12 @@ function MdSwitch(mdCheckboxDirective, $mdTheming, $mdUtil, $document, $mdConsta
 
  checkboxLink(scope, element, attr, ngModel);
 
+ if (angular.isDefined(attr.ngDisabled)) {
+ scope.$watch(disabledGetter, function(isDisabled) {
+ element.attr('tabindex', isDisabled ? -1 : 0);
+ });
+ }
+
  // These events are triggered by setup drag
  $mdGesture.register(switchContainer, 'drag');
  switchContainer

diff --git a/src/components/switch/switch.spec.js b/src/components/switch/switch.spec.js
@@ -36,4 +36,15 @@ describe('<md-switch>', function() {
  expect(switches.eq(1).attr('role')).toEqual('checkbox');
  }));
 
+ it('should have tabindex -1 while disabled', inject(function($rootScope, $compile) {
+ $rootScope.value = false;
+ var el = $compile('<md-switch ng-disabled="$root.value">')($rootScope);
+
+ $rootScope.$apply();
+ expect(el.attr('tabindex')).not.toEqual('-1');
+
+ $rootScope.$apply('value = true');
+ expect(el.attr('tabindex')).toEqual('-1');
+ }));
+
 });