diff --git a/src/lib/sidenav/sidenav.spec.ts b/src/lib/sidenav/sidenav.spec.ts index 7b56aa9fbe3c..712fe2129c89 100644 --- a/src/lib/sidenav/sidenav.spec.ts +++ b/src/lib/sidenav/sidenav.spec.ts @@ -226,6 +226,15 @@ describe('MdSidenav', () => { expect(sidenavEl.classList).toContain('md-sidenav-opened'); }); + it('should remove align attr from DOM', () => { + const fixture = TestBed.createComponent(BasicTestApp); + fixture.detectChanges(); + + const sidenavEl = fixture.debugElement.query(By.css('md-sidenav')).nativeElement; + expect(sidenavEl.hasAttribute('align')) + .toBe(false, 'Expected sidenav not to have a native align attribute.'); + }); + }); }); diff --git a/src/lib/sidenav/sidenav.ts b/src/lib/sidenav/sidenav.ts index 06e82339e0d1..1d566cad0577 100644 --- a/src/lib/sidenav/sidenav.ts +++ b/src/lib/sidenav/sidenav.ts @@ -38,6 +38,8 @@ export class MdDuplicatedSidenavError extends MdError { template: '', host: { '(transitionend)': '_onTransitionEnd($event)', + // must prevent the browser from aligning text based on value + '[attr.align]': 'null' }, changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None,