cdkDropList events not triggered within a mat-table row
- 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
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