angular / angular/components

cdkDropList events not triggered within a mat-table row

Offen
#15,949 6 Kommentare 1 Reaktion 0 zugewiesene Personen Auf GitHub ansehen
area: cdk/drag-drop area: material/table feature P4
Vorherrschende Sprache
TypeScript
Sterne
25k
Forks
6.8k
Ø Merge
1 T. 8 Std.
Gemergte PRs (30 T.)
91

Beschreibung

#### What is the expected behavior?
When the table row is set to cdkDropList it should treat cdkDrag items within the row as list items, reordering where necessary and triggering cdkDropListDropped on release

#### What is the current behavior?
mat-header-cells with the cdkDrag property inside a cdkDropList mat-header-row are behaving as if they are normal cdkDrag items without a cdkDropList.

#### What are the steps to reproduce?
https://stackblitz.com/edit/angular-3x3fbt

#### Which versions of Angular, Material, OS, TypeScript, browsers are affected?
9.1.3

#### Is there anything else we should know?
Similar issue: https://github.com/angular/components/issues/13770

Beitragsleitfaden

Beitragsleitfaden öffnen

Rechercherichtung

Beginne mit der verlinkten StackBlitz-Reproduktion und untersuche, wie cdkDropList und cdkDrag innerhalb einer mat-table-Kopfzeile interagieren. Vergleiche das Verhalten mit dem ähnlichen Issue #13770 und prüfe, ob die Zeile ihre mat-header-cell-Drags als Listenelemente behandelt. Erledigt ist die Aufgabe, wenn das Neuanordnen funktioniert und cdkDropListDropped beim Loslassen ausgelöst wird.

Vom Indexierungsmodell aus dem Issue-Text verfasst.

Bewertung

Tech-Stack
angular, typescript
Bereich
frontend
Issue-Typ
Bug
Schwierigkeit
4/5
Geschätzter Aufwand
3-5 Tage
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.