bug(MatTabGroup): Pagination for tabs isn't properly re-initialized when underlying tab contents gets changed

[nakhodkin]

Reproduction

Use StackBlitz to reproduce your issue:

• Components: https://stackblitz.com/edit/angular-xucgvn

Steps to reproduce:

1. Navigate to https://stackblitz.com/edit/angular-xucgvn
2. Select the "Sixth" or "Seventh" tab
3. Put the tick next to "Switch between pages" which causes the contents within the MatTabGroup component to change.

Expected Behavior

What behavior were you expecting to see?
I do expect that pagination-related chevrons won't appear in case if tab contents dynamically get reduced from greater to lesser like in the provided case.

Actual Behavior

What behavior did you actually see?

I see that the tab pagination block is rendered with pagination controls

Environment

• Angular: "^11.0.0"
• CDK/Material: "^11.0.0"
• Browser(s): Google Chrome Version 90.0.4417.0 (Official Build) canary (x86_64), Firefox 86.0b9
• Operating System (e.g. Windows, macOS, Ubuntu): OS X 11.2

[jelbourn]

Duplicate of #13539

(I believe it's the same underlying issue)

[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.}