angular / angular/components

CDK Drag-Drop - Animation when entering and exiting items

Aperta
#17,920 2 commenti 24 reazioni 0 assegnatari Vedi su GitHub
area: cdk/drag-drop feature P4
Lingua principale
TypeScript
Stelle
25k
Fork
6.8k
Merge medio
1g 8h
PR unite (30g)
91

Descrizione

#### 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.

Guida per i contributori

Apri la guida per i contributori

Direzione di ricerca

Inizia individuando l’implementazione di CDK Drag-Drop e la gestione esistente delle transizioni o delle animazioni; l’issue non indica file o test specifici. Definisci come devono essere animate l’entrata, l’uscita, l’aggiunta, l’eliminazione e lo spostamento degli elementi senza far funzionare in modo errato i calcoli del trascinamento. Il lavoro è completato quando il comportamento è implementato in modo coerente e coperto da test pertinenti.

Scritto dal modello di indicizzazione a partire dal testo della issue.

Valutazione

Stack tecnologico
angular, typescript
Ambito
frontend
Tipo di issue
Funzionalità
Difficoltà
5/5
Tempo stimato
Più di una settimana
Stato di attività
Ferma
Chiarezza
Abbastanza chiara
Idoneità per principianti
25/100

Ricevi le nuove issue nella tua casella

Un breve riepilogo di issue GitHub adatte ai principianti.