fix(sidenav): align text at start (angular#1297)

josephperrott · Sep 22, 2016 · e160668 · e160668
1 parent 83b15fd
commit e160668
Show file tree

Hide file tree

Showing 2 changed files with 11 additions and 0 deletions.
diff --git 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
@@ -38,6 +38,8 @@ export class MdDuplicatedSidenavError extends MdError {
   template: '<ng-content></ng-content>',
   host: {
     '(transitionend)': '_onTransitionEnd($event)',
+    // must prevent the browser from aligning text based on value
+    '[attr.align]': 'null'
   },
   changeDetection: ChangeDetectionStrategy.OnPush,
   encapsulation: ViewEncapsulation.None,