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

angular · Sep 21, 2016 · 0e0ff0e · 0e0ff0e
1 parent b284dd4
commit 0e0ff0e
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,