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

Wrap the tab content inside a div and assign it a max height.

        
            

                
Tab Two
            

        

and css part

div.tab-content{
  max-height:350px;
}

Js-fiddle link