angular / angular/components

feat(Dialog): animate.leave

Open
#32,486 3 comments 1 reaction 0 assignees View on GitHub
area: cdk/dialog feature P3
Dominant language
TypeScript
Stars
25k
Forks
6.8k
Avg merge
1d 8h
Merged PRs (30d)
91

Description

### Feature Description

When you use the if control flow or ViewContainerRef.createComponnt in Angular, animate.enter and animate.leave work. However, animate.leave support is not provided in components such as Dialog and Overlay. I think the reason is that the overlay is directly destroyed.

### Use Case

Use case: https://stackblitz.com/edit/stackblitz-starters-trwgh2rt?file=package.json

Contributor guide

Open the contributing guide

Research direction

Start by tracing the Dialog and Overlay entry points involved when an overlay is destroyed, then reproduce the behavior using the linked StackBlitz use case. Compare the if control flow and ViewContainerRef.createComponent cases with Dialog and Overlay, and confirm that animate.leave is supported before destruction without breaking existing behavior.

Written by the indexing model from the issue text.

Assessment

Tech stack
angular, typescript
Domain
frontend
Issue type
Feature
Difficulty
4/5
Estimated time
3-5 days
Activity status
Quiet
Clarity
Mostly clear
Newbie friendliness
52/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.