bug(mat-slider): mobile device scrolling can break slider internal state
- 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
Scrolling on a mobile device can break the mat-slider's internal state such that the slider still thinks it is in an active dragging state when it is not
The root cause of the issue is that for some reason, the pointerup event never gets triggered when the user stops scrolling
### Reproduction
- Visit any webpage that has a mat-slider
- Scroll down with the pointerdown originating from the mat-slider
- Stop scrolling
### Expected Behavior
The mat-slider is in an inactive state
### Actual Behavior
The mat-slider is still in the active state
### Environment
- Angular: 17
- CDK/Material: 17
- Browser(s): chrome
- Operating System (e.g. Windows, macOS, Ubuntu): ios
Guide de contribution
Ouvrir le guide de contribution
Piste de recherche
Reproduisez le problème sur une page iOS Chrome contenant un mat-slider en démarrant un défilement avec pointerdown sur le slider. Suivez la gestion de pointer-event du slider et vérifiez qu’une fois le défilement arrêté sans pointerup, le slider revient à un état inactif.
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