angular / angular/components

CDK Drag-Drop - Animation when entering and exiting items

Offen
#17,920 2 Kommentare 24 Reaktionen 0 zugewiesene Personen Auf GitHub ansehen
area: cdk/drag-drop feature P4
Vorherrschende Sprache
TypeScript
Sterne
25k
Forks
6.8k
Ø Merge
1 T. 8 Std.
Gemergte PRs (30 T.)
91

Beschreibung

#### Feature Description

When we delete an action, add or even pass an item from one container to another, the item goes sharply pushing forward the others, and it would be much better to have some animation in entering and exiting items, I even tried to put myself, but I noticed that the library uses the position of the items at the time of the drop to calculate the movement, so it would even animate, but then dragging would get weird. Having such a function would make the animations much more consistent and beautiful.

#### Use Case

When CSS animation is enabled it appears incomplete when deleting, adding or moving items. This would improve the look of any implementation that uses transition CSS animation.

Beitragsleitfaden

Beitragsleitfaden öffnen

Rechercherichtung

Beginne damit, die CDK Drag-Drop-Implementierung und die vorhandene Behandlung von Übergängen oder Animationen zu lokalisieren; das Issue nennt keine bestimmten Dateien oder Tests. Lege fest, wie das Eintreten, Verlassen, Hinzufügen, Löschen und Verschieben von Elementen animiert werden soll, ohne dass die Berechnungen beim Ziehen fehlerhaft funktionieren. Erledigt bedeutet, dass das Verhalten konsistent implementiert und durch relevante Tests abgedeckt ist.

Vom Indexierungsmodell aus dem Issue-Text verfasst.

Bewertung

Tech-Stack
angular, typescript
Bereich
frontend
Issue-Typ
Feature
Schwierigkeit
5/5
Geschätzter Aufwand
Über eine Woche
Aktivitätsstatus
Veraltet
Klarheit
Größtenteils klar
Anfängerfreundlichkeit
25/100

Neue Issues direkt in Ihr Postfach

Eine kurze Übersicht über anfängerfreundliche GitHub-Issues.