[Tabs] tab is not changed when selectedindex changes

[bkappel]

Bug, feature request, or proposal:

Bug

What is the expected behavior?

Tab corresponding to the index should be displayed.

What is the current behavior?

Previously selected tab is displayed, tabGroup selectedIndex is not updated.

What are the steps to reproduce?

This bug can also be found in the documentation/demos.
Material Demo
In the demo "Tag group with dynamically changing tabs" when checking the "Select tab after adding", the tab is not focused when adding a tab.
In custom code the tab is also not focused when updating the selectedIndex.

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

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

• Angular: 6.0.6
• Angular Material: 6.3.2
• OS: Windows
• Browsers: Chrome, FireFox, Opera, IE Edge

Is there anything else we should know?

[vdrasutis]

+1

[candidJ]

I'm too facing similar issue for MatStepper module. The selectedIndex property is not updated first click event but always on second one. It's similar to what @robertmesserle
explained here #687 but for stepper module.

[dmacfarlane]

The ability to select a tab after adding it appears to have been broken by #9132.

[develra]

+1 - reverting fixed for me.

[Auricopter]

This is also a serious bug for our business. Please fix the functionality and the example on your page.

[devversion]

@Auricopter A fix is now pending. Working on getting that in as soon as possible.