Skip to content

bug(mat-hint): Hints on a disabled form field don't follow the m2 spec #27677

Open

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 changing states of a form field from enabled to disabled, the m2 spec expects that the hint/helper text also slightly changes color to reflect the state change of the field itself.

Reproduction

StackBlitz link: https://stackblitz.com/edit/gtyt7r?file=src%2Fapp%2Fform-field-hint-example.html
Steps to reproduce:

  1. See the hint on the disabled form field

Expected Behavior

According to the m2 spec, the hint should also be greyed out more (for both outlined and filled form fields):
https://m2.material.io/components/text-fields#outlined-text-field
image

Actual Behavior

The hint does not change when the form field is in different states:

image

Environment

  • Angular: 15.2.9
  • CDK/Material: 15.2.9
  • Browser(s): Chrome
  • Operating System (e.g. Windows, macOS, Ubuntu): Windows
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Metadata

Assignees

No one assigned

    Labels

    P2The issue is important to a large percentage of users, with a workaroundarea: material/form-field

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions