Components: tabs: nested tabs don't show selected md-tab

[craigsh]

Bug, feature request, or proposal:

Bug: An md-tab-group inside an md-tab-group doesn't show the selected md-tab if the top-level md-tab isn't initially selected.

What is the expected behavior?

The md-tab should show its selected state even if not initially visible.

What is the current behavior?

The md-tab is not showing its selection.

What are the steps to reproduce?

Run the following plunker and click on Main tab two.

http://embed.plnkr.co/lnZAqze9h6aLTvstcyet/

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

The tab's contents are shown even though it's not showing as selected. Confusing for the user to know which tab they're looking at.

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

Angular 4.2.5
Material 2.0.0-beta.6
Windows 10
Typescript 2.3.4
Chrome

Is there anything else we should know?

Nope

[willshowell]

Updated plunker http://plnkr.co/edit/OC4GzLKZ6oiDowG2mUEy?p=preview.

As @julianobrasil mentioned in #7274, resizing the browser triggers showing of the ink, and the root cause is likely https://github.com/angular/material2/issues/5269.

[julianobrasil]

As #5269 has lots of messages, I'd refer specifically to https://github.com/angular/material2/issues/5269#issuecomment-310112634

[MaximoB]

I am also experiencing this issue. Any updates?

[am-awais]

please fix that bug for God sake,
Mostly forums of angular material were ignored or just said its the copy of this copy of that, and no one gives the correct answer I don't know why the community is ignoring these major open issues.

[manast]

wow, just got hit by this issue, annoying, and even forcing a selected tab with selectedIndex does not work :/

[Splaktar]

From the tabs placement docs:

Caution Avoid nesting a tab within another tab.

[Splaktar]

The above Plunkers are very out of date and broken. Here's a StackBlitz repro of this issue which still exists.

[Splaktar]

This will be fixed with the new MDC-based tabs (currently in @angular/material-experimental): Demo