angular / angular/components

[Drag and drop] problems when changing height after start

Offen
#14,703 33 Kommentare 6 Reaktionen 0 zugewiesene Personen Auf GitHub ansehen
area: cdk/drag-drop P2
Vorherrschende Sprache
TypeScript
Sterne
25k
Forks
6.8k
Ø Merge
1 T. 8 Std.
Gemergte PRs (30 T.)
91

Beschreibung

#### What is the expected behavior?
Drag and drop working :)

#### What is the current behavior?
If I change the height of elements (that are draggable) for example by hiding some elements **after I start dragging**, the drag and drop mechanism thinks the items are still the original height (and therefore rendering placeholder at wrong place and behaving incorrectly).

#### What are the steps to reproduce?
https://stackblitz.com/edit/angular-material2-issue-ggdtyr?file=app%2Fapp.component.css

(moving between columns does not work for some unknown reason but that is not important)

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

#### Is there anything else we should know?
If you point me in the right direction, I can provide a fix.

Beitragsleitfaden

Beitragsleitfaden öffnen

Rechercherichtung

Beginne mit der verknüpften StackBlitz-Reproduktion, insbesondere mit app/app.component.css, und reproduziere eine Höhenänderung nach Beginn des Ziehens. Verfolge den Angular-Einstiegspunkt für Drag-and-drop, um zu bestimmen, wo sich die veralteten Elementabmessungen auf die Platzierung des Platzhalters auswirken. Als abgeschlossen gilt die Aufgabe, wenn Platzhalter und Drag-Verhalten korrekt bleiben, wenn sich die Höhe von ziehbaren Elementen während eines Ziehvorgangs ändert.

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.