bug(cdk/listbox): using scrollbar with mouse breaks
- 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
When using the cdk listbox on a list that scrolls, the listbox and scroll position behaves weird if that scrollbar is operated with a mouse. The behavior gets worsed if a value is selected.
Operated by mouse means either:
- clicking on the little arrows in that scrollbar

- clicking on a blank space within that scrollbar

I think there was recently a similar issue in the menu: https://github.com/angular/components/pull/30249
### Reproduction
StackBlitz link: Also broken in your docs at https://material.angular.io/cdk/listbox/examples
Steps to reproduce:
1. Got to example `Listbox with forms validation.`
2. Select option `Rat`
3. Click the down arrow two times in the scrollbar / or two times at a blank location
### Expected Behavior
It should just scroll normally.
### Actual Behavior
First click scrolls, at second click it jumps back to the top.
### Environment
- Angular: 19 / and the version your docs use
- CDK/Material: 19 / and the version your docs use
- Browser(s): Chrome
- Operating System (e.g. Windows, macOS, Ubuntu): Linux / Mac
Guide de contribution
Ouvrir le guide de contribution
Piste de recherche
Commencez par l’exemple de listbox CDK `Listbox with forms validation` dans la documentation Angular Material et reproduisez le problème en sélectionnant `Rat`, puis en cliquant deux fois sur la barre de défilement. Comparez le comportement avec la modification connexe du menu dans PR 30249. Le travail est terminé lorsque les clics sur la barre de défilement continuent d’effectuer un défilement normal sans revenir en haut, y compris après la sélection d’une valeur.
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é
- 3/5
- Temps estimé
- 1-2 jours
- Activité
- À l'abandon
- Clarté
- Plutôt claire
- Accessibilité débutants
- 45/100