diff --git a/e2e/components/tabs/tabs.e2e.ts b/e2e/components/tabs/tabs.e2e.ts index a4696d79089..daf4171824a 100644 --- a/e2e/components/tabs/tabs.e2e.ts +++ b/e2e/components/tabs/tabs.e2e.ts @@ -78,7 +78,7 @@ function getFocusStates(elements: ElementArrayFinder) { * @returns {webdriver.promise.Promise[]>|webdriver.promise.Promise} */ function getActiveStates(elements: ElementArrayFinder) { - return getClassStates(elements, 'md-active'); + return getClassStates(elements, 'md-tab-active'); } /** diff --git a/src/components/tabs/tab-group.html b/src/components/tabs/tab-group.html index 1811d1b3cd8..425d7327b32 100644 --- a/src/components/tabs/tab-group.html +++ b/src/components/tabs/tab-group.html @@ -6,7 +6,8 @@ [tabIndex]="selectedIndex == i ? 0 : -1" [attr.aria-controls]="_getTabContentId(i)" [attr.aria-selected]="selectedIndex == i" - [class.md-active]="selectedIndex == i" + [class.md-tab-active]="selectedIndex == i" + [class.md-tab-disabled]="tab.disabled" (click)="focusIndex = selectedIndex = i"> @@ -17,7 +18,7 @@ role="tabpanel" *ngFor="let tab of _tabs; let i = index" [id]="_getTabContentId(i)" - [class.md-active]="selectedIndex == i" + [class.md-tab-active]="selectedIndex == i" [attr.aria-labelledby]="_getTabLabelId(i)">