bug(cdkDrag): Issue scrolling/reordering "reversed" lists
- Langage dominant
- TypeScript
- Étoiles
- 25k
- Forks
- 6.8k
- Merge moyen
- 1 j 8 h
- PR mergées (30 j)
- 91
Description
### 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
Guide de contribution
Ouvrir le guide de contribution
Piste de recherche
Commencez par le comportement de glisser-déposer de cdkDropList en utilisant la reproduction indiquée : appliquez flex-direction: row-reverse et faites glisser un élément tout en faisant défiler. Suivez le comportement des index et du défilement pour la liste inversée, puis vérifiez que le défilement fonctionne et que l’ordre reste intuitif dans la reproduction Angular 19.
Rédigé par le modèle d'indexation à partir du texte de l'issue.
Évaluation
- Stack technique
- angular, typescript
- Domaine
- frontend
- Type d'issue
- Bug
- Difficulté
- 4/5
- Temps estimé
- 3-5 jours
- Activité
- À l'abandon
- Clarté
- Plutôt claire
- Accessibilité débutants
- 42/100