angular/components

Cdk Overlay backdrop does not respect noopanimations

Geschlossen

#18.645 geöffnet am 28.02.2020

Auf GitHub ansehenContributor Guide
 (1 Kommentar) (0 Reaktionen) (0 zugewiesene Personen)TypeScript (6.650 Forks)batch import
GP4area: cdk/overlayhelp wanted

Repository-Metriken

Stars
 (24.044 Sterne)
PR-Merge-Metriken
 (Durchschn. Merge 3T 12h) (98 gemergte PRs in 30 T)

Beschreibung

Reproduction

Use StackBlitz to reproduce your issue: https://stackblitz.com/fork/components-issue

Steps to reproduce:

  1. import NoopAnimationsModule
  2. Create a dialog https://stackblitz.com/edit/angular-fdgmah (based on example dialog stackblitz)

Expected Behavior

What behavior were you expecting to see?

The dark overlay appears immediately with no animation

Actual Behavior

What behavior did you actually see?

The overlay backdrop fades in over 400ms.

Environment

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

Contributor Guide

Research-Richtung
Investigate the CDK Overlay backdrop animation code in the Angular components repository, likely in packages/cdk/overlay/backdrop.ts or similar. Check if NoopAnimationsModule is properly propagated to the backdrop animation. Review the existing comment for any additional details. The fix may involve setting the animation state directly when noop animations are enabled.
Tech Stack
typescript
Domain
frontend
Issue Type
Fehler
SchwierigkeitGeschätzte Implementierungsschwierigkeit für neue Contributors, von 1 für sehr kleine Änderungen bis 5 für Expertenarbeit.
3
Geschätzte ZeitEin grober Zeitrahmen, um zu recherchieren, zu implementieren, zu testen und einen Pull Request vorzubereiten.
Halber Tag
AktivitätsstatusWie verfügbar das Issue gerade wirkt: frisch, aktiv, stale, blockiert oder wartet auf Maintainer-Input.
Veraltet
KlarheitWie klar das Issue die erwartete Änderung, Akzeptanzkriterien und den nächsten Schritt erklärt.
Meist klar
Voraussetzungen
Angular basicsCDK Overlay knowledgeAngular animations
EinsteigerfreundlichkeitEin Score von 1 bis 100, der schätzt, wie zugänglich dieses Issue für First-Time Contributors ist.
30