Skip to content

Angular 20.3.x new animations is affected by MAT-BUTTON ripple animation. #64084

@mattiLeBlanc

Description

@mattiLeBlanc

Which @angular/* package(s) are the source of the bug?

core

Is this a regression?

No

Description

The leave animation of the first step does not finish its animation when I have enabled ripple in the matButton. Test it by turning on the ripple and you see hat the step 1 just blinks out of existence. You will notice the animation slide is not perfect, that is because I am missing many tweaks I use with tailwind to perfect the animation. But the ripple issue is clearly demonstrated

Please provide a link to a minimal reproduction of the bug

https://stackblitz.com/edit/stackblitz-starters-7dq4nl2f?file=src%2Fmain.ts

Please provide the exception or error you saw

Error is only noticeable visually.

Please provide the environment you discovered this bug in (run ng version)

See stackblitz

Anything else?

No response

Metadata

Metadata

Labels

area: coreIssues related to the framework runtimecore: animationsIssues related to `animate.enter` and `animate.leave`

Type

No type

Projects

No projects

Relationships

None yet

Development

No branches or pull requests

Issue actions