angular / angular/components

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

Offen
#28,130 4 Kommentare 1 Reaktion 0 zugewiesene Personen Auf GitHub ansehen
Accessibility android area: material/slider ios P3
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

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

Beitragsleitfaden

Beitragsleitfaden öffnen

Rechercherichtung

Reproduziere das Problem auf einer iOS-Chrome-Seite, die einen mat-slider enthält, indem du einen Bildlauf mit pointerdown auf dem Slider startest. Verfolge die pointer-event-Verarbeitung des Sliders und überprüfe, dass der Slider, nachdem der Bildlauf ohne pointerup beendet wurde, in einen inaktiven Zustand zurückkehrt.

Vom Indexierungsmodell aus dem Issue-Text verfasst.

Bewertung

Tech-Stack
angular, typescript
Bereich
frontend
Issue-Typ
Bug
Schwierigkeit
3/5
Geschätzter Aufwand
1-2 Tage
Aktivitätsstatus
Veraltet
Klarheit
Größtenteils klar
Anfängerfreundlichkeit
45/100

Neue Issues direkt in Ihr Postfach

Eine kurze Übersicht über anfängerfreundliche GitHub-Issues.