Simon Ferndriger Simon Ferndriger - 11 days ago 4
CSS Question

Angular Cards Cut Off in Tabs

I ran into the problem, that the cards within a tab navigation in Angular Material were cut off.


soleved this issue. Thanks @camden_kid for the help!

enter image description here


It's because the md-tabs element on that site ( does not have the attribute md-dynamic-height:

enter image description here

Taking the markup in your question I created a CodePen. If you remove that attribute you will see the problem you mention.

From the docs:

enter image description here