md-tab inkbar not showing on nested tabs

[mathewblackberry]

Bug, feature request, or proposal:

Bug

What is the expected behavior?

md-ink-bar should display correctly on nested tabs.

What is the current behavior?

md-ink-bar does not display on a nested tab-group if the tab-group is not in the tab body of the initial selected tab. Once the nested tab header has been clicked it works as expected and the ink-bar appears and remains when changing between the parent tab-group's tabs.

What are the steps to reproduce?

http://plnkr.co/edit/74YDWj192schVQqXnx0p?p=preview

What is the use-case or motivation for changing an existing behavior?

Current behaviour provides a poor user experience.

Which versions of Angular, Material, OS, browsers are affected?

Angular 4.0.3, Material 2.0.0-beta 3, Mac OS X, Chrome.

[jefersonestevo]

+1 for this.

In my application I'm not using nested tabs, but using tabs inside a component that "changes" the page using <ng-template [ngTemplateOutlet]="myCurrentTemplate"></ng-template> and the same behaviour happens. If you want I may create a plunker with this too, but I think the error is the same.

[vultix]

Are there any updates on this?

[jrood]

In my case, the inkbar seems initially to be invisible because it has a width of 0.

[jelbourn]

Dupe of #3335

[angular-automatic-lock-bot]

This issue has been automatically locked due to inactivity.
Please file a new issue if you are encountering a similar or related problem.

Read more about our automatic conversation locking policy.

_{This action has been performed automatically by a bot.}