bug([mat-table]): mat-tab-group messes up expandable rows in table

[Diralytic]

Reproduction
Stackblitz project: https://stackblitz.com/edit/github-itepdn
To see the bug, just open the app, switch to the second tab and go back to the first one.
The bug only shows with enabled Ivy compiler.

Expected Behavior
Switching tabs in mat-tab-group shouldn't affect the expanded rows in the table.

Actual Behavior
All rows in the table are expanded after switching to the second tab and back. This shouldn't be possible as normally the table allows only for one expanded row at a time.

Environment

• Angular: 9.1.0
• CDK/Material: 9.2.0
• Browser(s): Chrome
• Operating System (e.g. Windows, macOS, Ubuntu): Windows and Ubuntu
• Enabled Ivy

Known workarounds

• Disable Ivy

{
  ...
  "angularCompilerOptions": {
    "enableIvy": false,
    ...
  }
}

• Lazy load tab

    <mat-tab label="Table">
       <ng-template matTabContent>
         <app-table></app-table>
       </ng-template>
    </mat-tab>

Is there any other clean solution without disabling ivy or lazy loading tabs?

[crisbeto]

Seems like this is the same issue as #11765 which has a pending PR.

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