bug(mat-slider): on Firefox, slider thumb is not aligned with cursor

Aperta Adatta ai principianti
#34,094 1 commento 0 reazioni 0 assegnatari Vedi su GitHub

I maintainer di solito rispondono entro 1 giorno

@Devyalamaddi ci sta già lavorando.

Dal 10/11/2026.

  • #34106 di @Devyalamaddi — aperta

Valutazione

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

Direzione di ricerca

Inizia dall’implementazione dello slider Material e dalla gestione della posizione durante il trascinamento. Poi controlla nei test dello slider la copertura dell’allineamento del puntatore. Riproduci il comportamento segnalato in Firefox usando la panoramica dello slider collegata nell’issue. Il lavoro è completato quando il cursore rimane allineato con il puntatore vicino a entrambe le estremità della traccia e i test pertinenti passano.

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

Descrizione

area: material/slider P4
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

On Firefox, when clicking and dragging on a slider, the slider thumb is not aligned with the cursor. This is most visible near the ends of the slider track.

Reproduction

https://material.angular.dev/components/slider/overview

Expected Behavior

The thumb stays aligned with the cursor.

Actual Behavior

The thumb is closer to the center of the track than the cursor is.

https://github.com/user-attachments/assets/09e954c3-e949-428d-a595-ea804a9b1c66

Environment
  • Angular: 22.2.4
  • CDK/Material: 22.2.6
  • Browser(s): Firefox 159.0.1
  • Operating System: Windows
Lingua principale
TypeScript
Stelle
25k
Fork
6.9k
Merge medio
2g 7h
PR unite (30g)
83

Preparare l'ambiente

Come iniziare

  1. Leggi tutta la issue e poi la guida ai contributi del progetto.
  2. Commenta sulla issue per dire che te ne occupi tu — evita che due persone facciano lo stesso lavoro.
  3. Fai un fork del repository e lavora su un branch.
  4. Apri una pull request che faccia riferimento al numero della issue.

Altre issue di angular/components

Tutte le issue di angular/components

Issue simili

Altre issue su TypeScript

Ricevi le nuove issue nella tua casella

Un breve riepilogo di issue GitHub adatte ai principianti.