fix(sidenav): fullscreen sidenavs should not scroll

Author: kara

src/components/sidenav/sidenav.scss

@@ -64,6 +64,10 @@ $md-sidenav-push-background-color: md-color($md-background, dialog) !default;
   // TODO(hansl): Update this with a more robust solution.
   &[fullscreen] {
     @include md-sidenav-fullscreen();
+
+    &.md-sidenav-opened {
+      overflow: hidden;
+    }
   }
 
   // Need this to take up space in the layout.
@@ -108,6 +112,7 @@ $md-sidenav-push-background-color: md-color($md-background, dialog) !default;
     bottom: 0;
     z-index: 3;
     min-width: 5%;
+    overflow-y: scroll;
 
     background-color: $md-sidenav-background-color;
 

src/components/sidenav/sidenav.ts

@@ -351,6 +351,10 @@ export class MdSidenavLayout implements AfterContentInit {
   private _getPositionRight() {
     return this._getSidenavEffectiveWidth(this._right, 'push');
   }
+
+  @HostBinding('class.md-sidenav-opened') private get _isOpened() {
+    return this._isShowingBackdrop();
+  }
 }
 
 

src/demo-app/demo-app.scss

@@ -9,11 +9,11 @@
   }
 
   md-sidenav {
-    width: 15%;
+    min-width: 15%;
 
     [md-button] {
       width: 100%;
-      position: absolute;
+      position: relative;
       bottom: 0;
       margin-bottom: 24px;
     }