angular / angular/components

bug(mat-slider): mobile device scrolling can break slider internal state

Aperta
#28,130 4 commenti 1 reazione 0 assegnatari Vedi su GitHub
Accessibility android area: material/slider ios P3
Lingua principale
TypeScript
Stelle
25k
Fork
6.8k
Merge medio
1g 8h
PR unite (30g)
91

Descrizione

### 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

Guida per i contributori

Apri la guida per i contributori

Direzione di ricerca

Riproduci il problema su una pagina iOS Chrome contenente un mat-slider avviando uno scorrimento con pointerdown sullo slider. Traccia la gestione di pointer-event dello slider e verifica che, dopo che lo scorrimento si è arrestato senza pointerup, lo slider torni a uno stato inattivo.

Scritto dal modello di indicizzazione a partire dal testo della issue.

Valutazione

Stack tecnologico
angular, typescript
Ambito
frontend
Tipo di issue
Bug
Difficoltà
3/5
Tempo stimato
1-2 giorni
Stato di attività
Ferma
Chiarezza
Abbastanza chiara
Idoneità per principianti
45/100

Ricevi le nuove issue nella tua casella

Un breve riepilogo di issue GitHub adatte ai principianti.