title: Angular Material 2 Scrolling Inside Mat Tab
body: <p>I want to have a sidenav that has some buttons on top and tabs below that contain different data. I want to make the inside of the tabs scroll so that the buttons on top never go out of view, so that my users are not scrolling up when they want to use one of the buttons.</p>
  
  <p>Here is an example: <a href="https://stackblitz.com/edit/angular-wdjfaa" rel="nofollow noreferrer">https://stackblitz.com/edit/angular-wdjfaa</a></p>
  
  <p>As you can see in the example, when you open the drawer nothing scrolls. In the styles.scss I have added</p>
  
  <pre><code>.mat-drawer {
      overflow-y: unset!important;
  }
  </code></pre>
  
  <p>So that the whole drawer doesn't scroll. The only way I have been able to get it to scroll is to set a fixed pixel heigh for the tab body, which I don't want to do because I need that to have a 100% height.</p>
  
  <p>Anyone got any ideas?</p>
  
  <p>Thanks!</p>