bug(cdkDrag): Issue scrolling/reordering "reversed" lists
- Vorherrschende Sprache
- TypeScript
- Sterne
- 25k
- Forks
- 6.8k
- Ø Merge
- 1 T. 8 Std.
- Gemergte PRs (30 T.)
- 91
Beschreibung
### Is this a regression?
- [ ] Yes, this behavior used to work in the previous version
### The previous version in which this bug was not present was
_No response_
### Description
For design/UX reasons, I'm using `cdk/drag-drop` on a list with `flex-direction: row-reverse` applied. Scrolling does not trigger while dragging among other issues.
Can we get a "reversed" option to support this use case?
### Reproduction
Steps to reproduce:`
1. Apply `display: flex; flex-direction: row-reverse;` to a `cdkDropList`
2. Try to drag+scroll an element
### Expected Behavior
It would be nice if indexes and scroll behavior could work intuitively by adding a `reversed` option
### Actual Behavior
The drag will not scroll the `cdkDropList`
### Environment
- Angular: v19.0.0
- CDK/Material: v19.0.0
- Browser(s): All
- Operating System: Ubuntu
Beitragsleitfaden
Rechercherichtung
Beginne mit dem Drag-and-Drop-Verhalten von cdkDropList anhand der aufgeführten Reproduktion: Wende flex-direction: row-reverse an und ziehe ein Element, während du scrollst. Verfolge, wie sich Indizes und das Scrollen bei der umgekehrten Liste verhalten, und überprüfe anschließend, dass das Scrollen funktioniert und die Reihenfolge in der Angular 19-Reproduktion intuitiv bleibt.
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
- 42/100