diff --git a/src/lib/stepper/step-header.ts b/src/lib/stepper/step-header.ts index ae79e5cdf70..e25369d35c8 100644 --- a/src/lib/stepper/step-header.ts +++ b/src/lib/stepper/step-header.ts @@ -9,6 +9,7 @@ import {Component, Input, ViewEncapsulation} from '@angular/core'; import {coerceBooleanProperty, coerceNumberProperty} from '@angular/cdk/coercion'; import {MdStepLabel} from './step-label'; +import {MATERIAL_COMPATIBILITY_MODE} from '../core/compatibility/compatibility'; @Component({ moduleId: module.id, @@ -19,7 +20,8 @@ import {MdStepLabel} from './step-label'; 'class': 'mat-step-header', 'role': 'tab', }, - encapsulation: ViewEncapsulation.None + encapsulation: ViewEncapsulation.None, + providers: [{provide: MATERIAL_COMPATIBILITY_MODE, useValue: false}], }) export class MdStepHeader { /** Icon for the given step. */