bug(mat-slider): Incorrect slider thumb position when changing min/ max and form value
Les mainteneurs répondent en général sous 1 jour
Personne n'a encore pris cette issue.
Évaluation
- Difficulté
- 3/5
- Temps estimé
- 1-2 jours
- Accessibilité débutants
- 48/100
- Type d'issue
- Bug
- Clarté
- Plutôt claire
- Activité
- Calme
- Stack technique
- angular, typescript
- Domaine
- frontend
Piste de recherche
Commencez par la reproduction StackBlitz dans src/main.ts et reproduisez les changements de catégorie avec le reactive form, les valeurs min/max liées et mat-slider. Examinez comment le slider met à jour ses thumbs après la modification de min/max et de setValue. C’est terminé lorsque le slider 1 affiche des thumbs à [5, 15], correspondant aux valeurs du formulaire après la sélection de Category B.
Rédigé par le modèle d'indexation à partir du texte de l'issue.
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
A range slider is bound to a reactive form using formControlName; min/ max properties are also bound.
After programmatically updating min/ max variables and calling setValue to update the form values, observed behaviour is that range slider thumbs don't match the form values. Expected behaviour is that thumb positions match the calls to setValue.
https://github.com/user-attachments/assets/3bb7de78-5d05-436d-90ac-f1288fac8a32
Reproduction
StackBlitz link: https://stackblitz.com/edit/components-issue-starter-xwmbwzkn?file=src%2Fmain.ts
Steps to reproduce:
- Select Category A (this sets ranges to be [10, 20] + [20, 30], and absolute min/ max to be [10, 30])
- Select Category B (this sets ranges to be [5, 15] + [15, 25], and absolute min/ max to be [5, 25])
- Hover over 1st slider's thumbs
Expected Behavior
Expected slider 1's thumbs to be at [5, 15] (to match form values after having called setValue)
Actual Behavior
Observed slider 1's thumbs to be at [10, 15] (which doesn't match form values)
Environment
- Angular: 20.3.15
- CDK/Material: 20.2.14
- Browser(s): Chrome Version 143.0.7499.41 (Official Build) (64-bit)
- Operating System (e.g. Windows, macOS, Ubuntu): Windows 11
- Langage dominant
- TypeScript
- Étoiles
- 25k
- Forks
- 6.8k
- Merge moyen
- 3 j 1 h
- PR mergées (30 j)
- 69
Préparer son environnement
- Aucun Dockerfile ni fichier Docker Compose
- Aucun modèle de pull request
- Lire le guide de contribution
Par où commencer
- Lisez l'issue en entier, puis le guide de contribution du projet.
- Signalez en commentaire que vous la prenez — cela évite que deux personnes fassent le même travail.
- Forkez le dépôt et travaillez sur une branche.
- Ouvrez une pull request qui référence le numéro de l'issue.
Autres issues de angular/components
-
bug(aria/accordion): Enter/Space inside a panel toggles the accordion instead of activating the focused elementPeut-être pris @agarwalU001 l’a pris aujourd’hui. Ouvertearea: aria/accordion gemini-triaged needs triage
Difficulté 2/5 1-3 heures Accessibilité débutants 72/100
angular/components#34011 ·
Les mainteneurs répondent en général sous 1 jour
-
bug(aria/combobox): keys pressed back to back are lost; only the last one reaches the popupPeut-être pris @drakeo338 l’a pris il y a 6 jours. Ouvertearea: aria/combobox gemini-triaged
Difficulté 2/5 1-3 heures Accessibilité débutants 78/100
angular/components#33973 ·
Les mainteneurs répondent en général sous 1 jour
-
bug(material/sort): hover hint arrow on an unsorted header shows the active sort direction, not the resulting direction after click.Peut-être pris @lekhmanrus l’a pris il y a 18 jours. Ouvertearea: material/sort P3
Difficulté 2/5 1-3 heures Accessibilité débutants 70/100
angular/components#33933 ·
Les mainteneurs répondent en général sous 1 jour
-
bug(mat-date-picker): month shown twice in date pickerPeut-être pris @PreethiPantangi l’a pris il y a 35 jours. Ouvertearea: material/datepicker P4
Difficulté 2/5 1-3 heures Accessibilité débutants 72/100
angular/components#33763 · 2 commentaires · 3 réactions ·
Les mainteneurs répondent en général sous 1 jour
-
Bug in table.scss footer cell height: unset instead of footer row height unsetPeut-être pris @minwookshin l’a pris il y a 22 jours. Ouvertearea: material/table P4
Difficulté 1/5 Moins d'une heure Accessibilité débutants 88/100
angular/components#33709 · 1 commentaire ·
Les mainteneurs répondent en général sous 1 jour
Toutes les issues de angular/components
Issues similaires
-
Difficulté 2/5 1-3 heures Accessibilité débutants 62/100
Merit-Systems/x402scan#1312 ·
-
Difficulté 2/5 1-3 heures Accessibilité débutants 78/100
Les mainteneurs répondent en général sous 1 jour
-
Native Web
Difficulté 1/5 Moins d'une heure Accessibilité débutants 80/100
digitalfabrik/integreat-app#4517 ·
Les mainteneurs répondent en général sous 2 jours
-
TLS guide repeats certs/ in the certificate directoryPeut-être pris @maheshrijal l’a pris aujourd’hui. Ouverte
Difficulté 1/5 Moins d'une heure Accessibilité débutants 92/100
prometheus/docs#3156 ·
Les mainteneurs répondent en général sous 2 jours
-
Difficulté 2/5 1-3 heures Accessibilité débutants 83/100
medusajs/dtc-starter#90 ·
Les mainteneurs répondent en général sous 1 jour