Skip to content

Bug: Multi line Chips: Drag and Drop #1674

@mbasbb

Description

@mbasbb

Describe the bug
Drag and Drop von Chips funktioniert bei auf mehreren Zeilen angezeigten Chips nicht sauber.

To Reproduce
Steps to reproduce the behavior:

  1. Go to https://angular.app.sbb.ch/angular/components/chips/examples
  2. Scroll down example 4, "Chips Drag and Drop". Verify that it works as expected.
  3. Narrow your browser window such that the chips in the example are shown on multiple lines, e.g. two lines.
  4. 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
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

Metadata

Metadata

Assignees

Labels

bugSomething isn't workingcomp: angularIssues related to @sbb-esta/angulareffort1: hoursprio4: lowShould be done after all higher priorities are done

Type

No type

Projects

No projects

Milestone

No milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions