Simon Ferndriger Simon Ferndriger - 1 month ago 6
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.

Using

md-dynamic-height
soleved this issue. Thanks @camden_kid for the help!




enter image description here

Answer

It's because the md-tabs element on that site (http://rc.sonnige-aussichten.ch/) 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