bug(material/form-field): prefix/suffix of disabled form-field cannot be clicked

[mmalerba]

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

v14

Description

Clicking the prefix/suffix button does nothing when the input is disabled, but button can still be activated via keyboard. This is due to .mdc-text-field--disabled setting pointer-events: none.

Current workaround is to add a stronger CSS rule that sets pointer-events: auto

Reproduction

https://stackblitz.com/edit/angular-kby6zp-xugraa?file=src%2Fapp%2Fform-field-prefix-suffix-example.html

Steps to reproduce:

1. Click the suffix button
2. Nothing happens

Expected Behavior

Clicking the button should work even though the input is disabled

Actual Behavior

Clicking the button does nothing

Environment

• Angular: 15
• CDK/Material: 15
• Browser(s): Chrome
• Operating System (e.g. Windows, macOS, Ubuntu): Mac

[angular-automatic-lock-bot]

This issue has been automatically locked due to inactivity.
Please file a new issue if you are encountering a similar or related problem.

Read more about our automatic conversation locking policy.

_{This action has been performed automatically by a bot.}