bug(mat-slider): Incorrect slider thumb position when changing min/ max and form value
Mantenedores costumam responder em até 1 dia
Ninguém assumiu esta issue ainda.
Avaliação
- Dificuldade
- 3/5
- Tempo estimado
- 1-2 dias
- Facilidade para iniciantes
- 48/100
- Tipo de issue
- Bug
- Clareza
- Razoavelmente clara
- Status de atividade
- Pouca atividade
- Stack de tecnologia
- angular, typescript
- Domínio
- frontend
Direção de pesquisa
Comece com a reprodução no StackBlitz em src/main.ts e reproduza as mudanças de categoria com o reactive form, os valores min/max vinculados e o mat-slider. Inspecione como o slider atualiza seus thumbs depois que min/max e setValue são alterados. Está concluído quando o slider 1 mostrar thumbs em [5, 15], correspondendo aos valores do formulário após selecionar Category B.
Escrita pelo modelo de indexação a partir do texto da issue.
Descrição
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
- Linguagem predominante
- TypeScript
- Estrelas
- 25k
- Forks
- 6.8k
- Merge médio
- 3d 1h
- PRs com merge (30d)
- 69
Preparar o ambiente
- Sem Dockerfile nem arquivo Docker Compose
- Sem modelo de pull request
- Ler o guia de contribuição
Primeiros passos
- Leia a issue inteira e depois o guia de contribuição do projeto.
- Comente na issue dizendo que vai assumir — evita que duas pessoas façam o mesmo trabalho.
- Faça um fork do repositório e trabalhe em uma branch.
- Abra um pull request que referencie o número da issue.
Mais de angular/components
-
bug(aria/accordion): Enter/Space inside a panel toggles the accordion instead of activating the focused elementTalvez já em andamento @agarwalU001 assumiu hoje. Abertaarea: aria/accordion gemini-triaged needs triage
Dificuldade 2/5 1-3 horas Facilidade para iniciantes 72/100
angular/components#34011 ·
Mantenedores costumam responder em até 1 dia
-
bug(aria/combobox): keys pressed back to back are lost; only the last one reaches the popupTalvez já em andamento @drakeo338 assumiu há 6 dias. Abertaarea: aria/combobox gemini-triaged
Dificuldade 2/5 1-3 horas Facilidade para iniciantes 78/100
angular/components#33973 ·
Mantenedores costumam responder em até 1 dia
-
bug(material/sort): hover hint arrow on an unsorted header shows the active sort direction, not the resulting direction after click.Talvez já em andamento @lekhmanrus assumiu há 18 dias. Abertaarea: material/sort P3
Dificuldade 2/5 1-3 horas Facilidade para iniciantes 70/100
angular/components#33933 ·
Mantenedores costumam responder em até 1 dia
-
bug(mat-date-picker): month shown twice in date pickerTalvez já em andamento @PreethiPantangi assumiu há 35 dias. Abertaarea: material/datepicker P4
Dificuldade 2/5 1-3 horas Facilidade para iniciantes 72/100
angular/components#33763 · 2 comentários · 3 reações ·
Mantenedores costumam responder em até 1 dia
-
Bug in table.scss footer cell height: unset instead of footer row height unsetTalvez já em andamento @minwookshin assumiu há 22 dias. Abertaarea: material/table P4
Dificuldade 1/5 Menos de uma hora Facilidade para iniciantes 88/100
angular/components#33709 · 1 comentário ·
Mantenedores costumam responder em até 1 dia
Todas as issues de angular/components
Issues semelhantes
-
Dificuldade 2/5 1-3 horas Facilidade para iniciantes 76/100
openremote/openremote#3487 · 1 comentário ·
-
Dificuldade 2/5 1-3 horas Facilidade para iniciantes 82/100
coollabsio/jean#867 ·
Mantenedores costumam responder em até 1 dia
-
Dificuldade 2/5 1-3 horas Facilidade para iniciantes 76/100
ehmpathy/rhachet-roles-bhuild#616 ·
Mantenedores costumam responder em até 1 dia
-
📘 Docs supabase/cli
Dificuldade 2/5 1-3 horas Facilidade para iniciantes 83/100
Mantenedores costumam responder em até 1 dia
-
bug(cli): theme file home-directory check uses startsWith (sibling dirs pass, Windows casing fails)Abertaarea/core kind/bug priority/p2 status/bot-triaged
Dificuldade 2/5 1-3 horas Facilidade para iniciantes 79/100
google-gemini/gemini-cli#29955 · 2 comentários ·
Mantenedores costumam responder em até 1 dia