Hacktoberfest 2026: die Issues, die Maintainer für den Oktober markiert haben – offen und einsteigerfreundlich. Hacktoberfest-Issues durchsuchen

bug(mat-form-field): when subscript sizing is set to fixed, not all hint or error text is visible

Offen
#33,510 2 Kommentare 3 Reaktionen 0 zugewiesene Personen Auf GitHub ansehen

Dieses Issue hat noch niemand übernommen.

Bewertung

Schwierigkeit
4/5
Geschätzter Aufwand
3-5 Tage
Anfängerfreundlichkeit
45/100
Issue-Typ
Bug
Klarheit
Größtenteils klar
Aktivitätsstatus
Ruhig
Tech-Stack
angular, typescript
Bereich
accessibility, frontend

Rechercherichtung

Beginne mit der StackBlitz-Reproduktion unter src/example/form-field-overview-example.html und vergleiche die feste und dynamische Subscript-Größenanpassung mit umgebrochenem Hinweis- und Fehlertext. Verfolge anschließend die Angular Material form-field-Implementierung, die für das Subscript-Layout verantwortlich ist, und überprüfe dann, dass die feste Größenanpassung ihren reservierten Platz beibehält und gleichzeitig den gesamten Hinweis- oder Fehlertext sichtbar macht, ohne die gemeldeten Probleme der dynamischen Größenanpassung.

Vom Indexierungsmodell aus dem Issue-Text verfasst.

Beschreibung

area: material/form-field gemini-triaged
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:

Image

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:

Image

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
Vorherrschende Sprache
TypeScript
Sterne
25k
Forks
6.8k
Ø Merge
1 T. 1 Std.
Gemergte PRs (30 T.)
84

Beitragsleitfaden

Beitragsleitfaden öffnen

Erste Schritte

  1. Lesen Sie das ganze Issue und danach den Beitragsleitfaden des Projekts.
  2. Schreiben Sie ins Issue, dass Sie es übernehmen — das erspart doppelte Arbeit.
  3. Forken Sie das Repository und arbeiten Sie in einem Branch.
  4. Öffnen Sie einen Pull Request, der die Issue-Nummer nennt.

Mehr aus angular/components

Alle Issues in angular/components

Ähnliche Issues

Weitere Issues zu TypeScript

Neue Issues direkt in Ihr Postfach

Eine kurze Übersicht über anfängerfreundliche GitHub-Issues.