bug(mat-form-field): when subscript sizing is set to fixed, not all hint or error text is visible
Mantenedores costumam responder em até 1 dia
Ninguém assumiu esta issue ainda.
Avaliação
- Dificuldade
- 4/5
- Tempo estimado
- 3-5 dias
- Facilidade para iniciantes
- 45/100
- Tipo de issue
- Bug
- Clareza
- Razoavelmente clara
- Status de atividade
- Pouca atividade
- Stack de tecnologia
- angular, typescript
- Domínio
- accessibility, frontend
Direção de pesquisa
Comece pela reprodução no StackBlitz em src/example/form-field-overview-example.html e compare o dimensionamento fixo e dinâmico do subscript com texto de dica e de erro que seja quebrado em várias linhas. Rastreie a implementação de Angular Material form-field responsável pelo layout do subscript e, em seguida, verifique se o dimensionamento fixo mantém seu espaço reservado e torna visível todo o texto de dica ou de erro, sem os problemas de dimensionamento dinâmico relatados.
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
When Form Field subscript sizing is set to fixed, and the hint or error text wraps to multiple lines, the hint or error text may not be visible to the user causing accessibility issues:
This issue does not occur when subscript sizing is set to dynamic, but the dynamic is not the default and is argued against in your documentation, and does not have reserved space for the hint or error text causing the dynamic subscript sizing to look off with not enough spacing at the bottom or between Form Fields, and there's additional issue with the dynamic subscript sizing where it affects the width of the Form Field:
Does that look right to you? It does not to me, but at least it is accessible unlike fixed subscript sizing
Ideally, there should be a subscript sizing option that both has a min height and that can expand into more space when hint or error text does not fit in one line
Reproduction
StackBlitz link: https://stackblitz.com/edit/lyvjfmdq?file=src%2Fexample%2Fform-field-overview-example.html
Expected Behavior
All hint or error text is visible
Actual Behavior
Not all hint or error text is visible
Environment
- Angular: v22
- CDK/Material: v22
- Browser(s): Any
- Operating System (e.g. Windows, macOS, Ubuntu): Any
- Linguagem predominante
- TypeScript
- Estrelas
- 25k
- Forks
- 6.8k
- Merge médio
- 1d 6h
- PRs com merge (30d)
- 83
Preparar o ambiente
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
-
area: 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
-
area: 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
-
area: material/table docs gemini-triaged P4
Dificuldade 2/5 1-3 horas Facilidade para iniciantes 72/100
angular/components#33455 ·
Mantenedores costumam responder em até 1 dia
-
area: material/core gemini-triaged P3
Dificuldade 1/5 Menos de uma hora Facilidade para iniciantes 78/100
angular/components#33059 · 2 comentários ·
Mantenedores costumam responder em até 1 dia
-
area: material/dialog P2
Dificuldade 2/5 1-3 horas Facilidade para iniciantes 64/100
angular/components#30536 · 3 reações ·
Mantenedores costumam responder em até 1 dia
Todas as issues de angular/components
Issues semelhantes
-
Dificuldade 1/5 1-3 horas Facilidade para iniciantes 88/100
supabase/agent-skills#611 ·
-
Dificuldade 1/5 Menos de uma hora Facilidade para iniciantes 68/100
polka-codes/test#345 ·
Mantenedores costumam responder em até 1 dia
-
Dificuldade 1/5 1-3 horas Facilidade para iniciantes 92/100
GoogleChromeLabs/project-sesame#217 ·
Mantenedores costumam responder em até 12 dias
-
Dificuldade 2/5 1-3 horas Facilidade para iniciantes 74/100
solana-foundation/solana-com#2202 ·
Mantenedores costumam responder em até 1 dia
-
Dificuldade 2/5 1-3 horas Facilidade para iniciantes 85/100