Skip to content

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

Description

@kainiedziela

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

Metadata

Metadata

Assignees

No one assigned

    Labels

    Type

    No type

    Fields

    No fields configured for issues without a type.

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions