bug(mat-tabs): Flickering on tab content change with no animation

[niku45]

Is this a regression?

• Yes, this behavior used to work in the previous version

The previous version in which this bug was not present was

Angular Material 18

Description

There is a flickering issue when switching between tabs using Angular Material's mat-tab component in Angular 19+ versions.

Reproduction

1. Create a new Angular 19+ project with Angular Material installed.
2. Add Angular Material Tabs component to the app (use the mat-tab-group and mat-tab elements).
3. Use multiple tabs in the tab group.
4. Disable mat-tab-group animationDuration
5. Switch between tabs.
6. Observe that there is a flickering effect when switching between tabs.

Expected Behavior

The tabs should switch smoothly without any flickering when changing between tabs, like it did on previous angular version such as 18 or lower.

Actual Behavior

When switching between Angular Material tabs in Angular 19+, the content area flickers with a noticeable white flash.

Environment

• Angular: 19+
• CDK/Material:19+
• Browser(s): Chrome
• Operating System (e.g. Windows, macOS, Ubuntu): Windows 11

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