bug(mat-form-field): when subscript sizing is set to fixed, not all hint or error text is visible
Les mainteneurs répondent en général sous 1 jour
Personne n'a encore pris cette issue.
Évaluation
- Difficulté
- 4/5
- Temps estimé
- 3-5 jours
- Accessibilité débutants
- 45/100
- Type d'issue
- Bug
- Clarté
- Plutôt claire
- Activité
- Calme
- Stack technique
- angular, typescript
- Domaine
- accessibility, frontend
Piste de recherche
Commencez par la reproduction StackBlitz dans src/example/form-field-overview-example.html et comparez le dimensionnement fixe et dynamique du subscript avec un texte d’aide et d’erreur renvoyé à la ligne. Suivez l’implémentation Angular Material form-field responsable de la mise en page du subscript, puis vérifiez que le dimensionnement fixe conserve son espace réservé tout en rendant visible l’intégralité du texte d’aide ou d’erreur, sans les problèmes de dimensionnement dynamique signalés.
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
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
- Langage dominant
- TypeScript
- Étoiles
- 25k
- Forks
- 6.8k
- Merge moyen
- 1 j 6 h
- PR mergées (30 j)
- 83
Préparer son environnement
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
-
area: 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
-
area: 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
-
area: material/table docs gemini-triaged P4
Difficulté 2/5 1-3 heures Accessibilité débutants 72/100
angular/components#33455 ·
Les mainteneurs répondent en général sous 1 jour
-
area: material/core gemini-triaged P3
Difficulté 1/5 Moins d'une heure Accessibilité débutants 78/100
angular/components#33059 · 2 commentaires ·
Les mainteneurs répondent en général sous 1 jour
-
area: material/dialog P2
Difficulté 2/5 1-3 heures Accessibilité débutants 64/100
angular/components#30536 · 3 réactions ·
Les mainteneurs répondent en général sous 1 jour
Toutes les issues de angular/components
Issues similaires
-
triage
Difficulté 1/5 Moins d'une heure Accessibilité débutants 90/100
Les mainteneurs répondent en général sous 1 jour
-
bug
Difficulté 2/5 1-3 heures Accessibilité débutants 68/100
mermaid-js/mermaid-live-editor#2053 ·
Les mainteneurs répondent en général sous 1 jour
-
factory
Difficulté 2/5 1-3 heures Accessibilité débutants 82/100
jessepollak/home#1455 ·
Les mainteneurs répondent en général sous 1 jour
-
community first-timers-only good first issue hacktoberfest help wanted low hanging fruit up-for-grabs
Difficulté 1/5 Moins d'une heure Accessibilité débutants 95/100
lingdojo/kana-dojo#31227 · 1 commentaire · 5 réactions ·
Les mainteneurs répondent en général sous 1 jour
-
mobile: device viewer shows dark status bar icons on its dark backdrop in light mode (Android)Ouverte
Difficulté 1/5 Moins d'une heure Accessibilité débutants 92/100
appandflow/stim#1838 ·
Les mainteneurs répondent en général sous 1 jour