bug(mat-form-field): when subscript sizing is set to fixed, not all hint or error text is visible
Nessuno ha ancora preso questa issue.
Valutazione
- Difficoltà
- 4/5
- Tempo stimato
- 3-5 giorni
- Idoneità per principianti
- 45/100
- Tipo di issue
- Bug
- Chiarezza
- Abbastanza chiara
- Stato di attività
- Tranquilla
- Stack tecnologico
- angular, typescript
- Ambito
- accessibility, frontend
Direzione di ricerca
Inizia con la riproduzione StackBlitz in src/example/form-field-overview-example.html e confronta il dimensionamento fisso e dinamico del subscript con il testo di suggerimento e di errore che va a capo. Analizza l'implementazione di Angular Material form-field responsabile del layout del subscript, quindi verifica che il dimensionamento fisso mantenga il proprio spazio riservato rendendo visibile tutto il testo di suggerimento o di errore, senza i problemi di dimensionamento dinamico segnalati.
Scritto dal modello di indicizzazione a partire dal testo della issue.
Descrizione
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
- Lingua principale
- TypeScript
- Stelle
- 25k
- Fork
- 6.8k
- Merge medio
- 1g 1h
- PR unite (30g)
- 84
Guida per i contributori
Apri la guida per i contributori
Come iniziare
- Leggi tutta la issue e poi la guida ai contributi del progetto.
- Commenta sulla issue per dire che te ne occupi tu — evita che due persone facciano lo stesso lavoro.
- Fai un fork del repository e lavora su un branch.
- Apri una pull request che faccia riferimento al numero della issue.
Altre issue di angular/components
-
area: material/tree docs gemini-triaged needs triage
Difficoltà 2/5 1-3 ore Idoneità per principianti 68/100
angular/components#33832 ·
-
area: material/datepicker gemini-triaged P4
Difficoltà 2/5 1-3 ore Idoneità per principianti 72/100
angular/components#33763 · 2 commenti · 3 reazioni ·
-
area: material/table gemini-triaged P4
Difficoltà 1/5 Meno di un'ora Idoneità per principianti 88/100
angular/components#33709 · 1 commento ·
-
area: material/table docs gemini-triaged P4
Difficoltà 2/5 1-3 ore Idoneità per principianti 72/100
angular/components#33455 ·
-
area: material/core gemini-triaged P3
Difficoltà 1/5 Meno di un'ora Idoneità per principianti 78/100
angular/components#33059 · 2 commenti ·
Tutte le issue di angular/components
Issue simili
-
bug(cli): hapi doctor inline-media prints a fabricated B:\ helper-script path in packaged installs Aperta
Difficoltà 2/5 1-3 ore Idoneità per principianti 70/100
-
Crush Aperta
Difficoltà 1/5 Meno di un'ora Idoneità per principianti 85/100
catppuccin/catppuccin#3125 ·
-
Add a SECURITY.md Aperta
Difficoltà 1/5 Meno di un'ora Idoneità per principianti 90/100
ElementsProject/cln-application#167 · 1 commento · 1 reazione ·
-
Difficoltà 2/5 1-3 ore Idoneità per principianti 75/100
Quantco/pnpm-licenses#17 ·
-
Difficoltà 2/5 1-3 ore Idoneità per principianti 75/100