angular / angular/components

All cdkDrag items in a CdkDrop element are assumed to be members of a reorderable list

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

Beschreibung

Currently all `cdkDrag` items in a `CdkDrop` element are treated as reorderable items in a list. While the underlying data structure is still left to the developer, the `CdkDragDrop` system updates the UI temporarily with changes to the "list order" even if the items are not supposed to be treated as a list.

Instead, we should have two directives for `CdkDrop` areas, `cdkDropZone` and `cdkDropList`. The former, does not do any automatic UI changes during the drag action and the latter does the current action of reordering items in the list.

Beitragsleitfaden

Beitragsleitfaden öffnen

Rechercherichtung

Beginne damit, die im Issue beschriebenen Einstiegspunkte CdkDrop, CdkDragDrop, cdkDropZone und cdkDropList nachzuverfolgen. Ermittle, wie das aktuelle Drop-Verhalten die Reihenfolge der Liste aktualisiert, und definiere anschließend die getrennten Verhaltensweisen so, dass cdkDropZone die UI-Reihenfolge unverändert lässt, während cdkDropList die Neuanordnung beibehält.

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
35/100

Neue Issues direkt in Ihr Postfach

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