bug(dialog): Material dialog enter/leave animation breaks in 17.1.0

[wilson3q]

Is this a regression?

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

The previous version in which this bug was not present was

17.0.6

Description

The material dialog enter/leave transition animation does not work in new release. Used to work fine on 17.0.X.

Reproduction

StackBlitz link: Steps to reproduce:

1. Go to angular material demo site https://material.angular.io/components/dialog/examples
2. click "Open dialog slowly" button

Expected Behavior

Dialog should open slowly, and transition animation should show.

Actual Behavior

Dialog does not open slowly as it was used to be. There is no transition animation at all.

Environment

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

[wilson3q]

thanks for the fix. I manually added below css to my app style.scss. now animation works as expected. just temporary fix for my application to work.

.mdc-dialog__container { transition: opacity linear var(--mat-dialog-transition-duration, 0ms) !important; } .mdc-dialog__surface { transition: transform, var(--mat-dialog-transition-duration, 0ms) !important; }

[angular-automatic-lock-bot[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.}