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

Ouverte Adaptée aux débutants
#34,094 1 commentaire 0 réactions 0 personnes assignées Voir sur GitHub

Les mainteneurs répondent en général sous 1 jour

@Devyalamaddi y travaille déjà.

Depuis le 10/11/2026.

  • #34106 par @Devyalamaddi — ouverte

Évaluation

Difficulté
2/5
Temps estimé
1-3 heures
Accessibilité débutants
62/100
Type d'issue
Bug
Clarté
Plutôt claire
Activité
Active
Stack technique
angular, typescript
Domaine
frontend

Piste de recherche

Commence par l’implémentation du slider Material et la gestion de sa position pendant le glissement. Vérifie ensuite dans les tests du slider la couverture de l’alignement du pointeur. Reproduis le comportement signalé dans Firefox à l’aide de la vue d’ensemble du slider liée dans l’issue. Le travail est terminé lorsque le curseur reste aligné avec le pointeur près des deux extrémités de la piste et que les tests concernés réussissent.

Rédigé par le modèle d'indexation à partir du texte de l'issue.

Description

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
Langage dominant
TypeScript
Étoiles
25k
Forks
6.9k
Merge moyen
2 j 7 h
PR mergées (30 j)
83

Préparer son environnement

Par où commencer

  1. Lisez l'issue en entier, puis le guide de contribution du projet.
  2. Signalez en commentaire que vous la prenez — cela évite que deux personnes fassent le même travail.
  3. Forkez le dépôt et travaillez sur une branche.
  4. Ouvrez une pull request qui référence le numéro de l'issue.

Autres issues de angular/components

Toutes les issues de angular/components

Issues similaires

Plus d'issues TypeScript

Recevez les nouvelles issues par e-mail

Un résumé court des issues GitHub adaptées aux débutants.