md-tab / md-dynamic height not refreshing when child content height changes

[hodeyp]

md-tab needs to watch content to automatically resize when new content is added.

[WhiteAbeLincoln]

I have the same issue with a long list of items that gets dynamically updated. Unfortunately, the height only refreshes on a tab index change or if the window has been resized, so the content gets cut off, and on mobile, you cannot resize a browser window. Watching the content would be nice, or making updateHeightFromContent() available so a manual refresh could be done in a controller.

[aaronchar]

Same issue here

[gbruins]

This is a show stopper for me, as most of my tabs are loading data asynchronously. Looking forward to this fix, hopefully soon.

[robertmesserle]

@gbruins Agreed, this is definitely an important issue. Worry not, I will try to address this today!

[gbruins]

It works! I'm impressed with the fast resolution of this issue. Awesome job Robert!!

[gbruins]

It looks like this issue has re-appeared in version 0.9.0 :(

I believe this ticket should be reopened.

[ngraef]

@gbruins It works for me: http://codepen.io/anon/pen/azrRgx?editors=101. You should open a new issue with a demo of the broken functionality you're seeing.

[gbruins]

Ah, I was missing the "md-dynamic-height" attribute on md-tabs.

Sorry about that.

[accilies]

Just if someone is looking for this answer, when using with ng-repeat in JADE files, I had to defined md-tabs as below for it to work

md-tabs(md-dynamic-height="true", md-border-bottom)

[mrdonado]

I was experiencing the same problem. This CSS workaround does the trick for me:

md-tabs-canvas{ overflow: inherit; }