Scrollable content elements with Angular Material dynamic-height tabs

Question

This question has come up several times during the evolution of Angular Material, but I\'m not able to make any of the suggestions work for v1.0.5. The entire page (or flex

Answer 1

Try this:

md-tabs-wrapper {
    position : fixed;
    width: 100%;
    z-index: 1;
    box-shadow: 0 2px 4px -1px rgba(0,0,0,.2), 0 4px 5px 0 rgba(0,0,0,.14), 0 1px 10px 0 rgba(0,0,0,.12);
}

md-tabs-content-wrapper {
    margin-top: 48px;
}