-
Notifications
You must be signed in to change notification settings - Fork 20
Description
Describe the bug
Drag and Drop von Chips funktioniert bei auf mehreren Zeilen angezeigten Chips nicht sauber.
To Reproduce
Steps to reproduce the behavior:
- Go to https://angular.app.sbb.ch/angular/components/chips/examples
- Scroll down example 4, "Chips Drag and Drop". Verify that it works as expected.
- Narrow your browser window such that the chips in the example are shown on multiple lines, e.g. two lines.
- Drag and Drop now acts very weird.
StackBlitz
https://stackblitz.com/run?file=src%2Fapp%2Fchips-drag-drop-example.ts
Expected behavior
Drag and Drop von Chips funktioniert auch, wenn diese auf mehreren Zeilen angezeigt werden.
Ein Chip kann zeilenübergreifend verschoben werden. Während des Drag wird seine zukünftige Position angezeigt. Nach dem Drop hat das Chip die neue Position und die Daten sind entsprechend neu sortiert.
Screenshots

orange is being dragged from the last(=third element on second row) position to the second(=second element on first row) position.
Desktop (please complete the following information):
- OS: Win 10
- Browser: Chrome
- Version: 105
Additional context
Andere hatten das Problem auch schon, z.B. https://stackoverflow.com/questions/60315566/angular-material-drag-and-drop-multi-row-list