fix(material/form-field): update text field styles for better alignment and overflow handling

[mistrykaran91]

Currently, mat-label overlaps mat-suffix in cases for outline and fill appearance. This fix set the width to inherit and set the notch max-width to same 180px which is same as mat-mdc-form-field-infix

Fixes #28743

[crisbeto]

I tried something similar in #26353. The problem is that we would have to update the screenshot tests of thousands of internal apps.

[mistrykaran91]

I tried something similar in #26353. The problem is that we would have to update the screenshot tests of thousands of internal apps.

Ok, should I revert these changes or try some other way if any ?

[crisbeto]

There's no way around updating those screenshots. The fact that text truncates differently will cause them to fail.

[mistrykaran91]

Then better to close MR

[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.}