Scrollable content elements with Angular Material dynamic-height tabs
<p>This question has come up <a href="https://stackoverflow.com/questions/29229300/angular-material-design-md-tab-scroll-content">severa</a>l t<a href="https://github.com/angular/material/issues/4408" rel="nofollow noreferrer">imes</a> during the evolution of <a href="https://material.angularjs.org/latest/demo/tabs" rel="nofollow noreferrer">Angular Material</a>, but I'm not able to make any of the suggestions work for v1.0.5. The entire page (or flex container) scrolls, moving the tabs out of view.</p>

<p>How can I achieve scrollable, full-height content elements? </p>

<pre><code>&lt;div flex&gt;
    &lt;md-tabs md-dynamic-height md-border-bottom&gt;
        &lt;md-tab label="one"&gt;
            &lt;md-content class="md-padding"&gt;
</code></pre>

<p><a href="https://jsfiddle.net/isherwood/yo1kne7b/1" rel="nofollow noreferrer"><strong>Demo fiddle</strong></a></p>

<p>Bonus Karma for incorporating <a href="http://iominh.github.io/ng-scrollbars/" rel="nofollow noreferrer">custom scrollbars</a>. </p>