bug(mat-form-field): Incorrect display of long field label while not floating

[schoel-bis]

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

There are apparently several issues with the display of long label text in form fields that are not floated as is apparent from the following screen shot:

This is the Stackblitz that the shot was taken from: https://stackblitz.com/edit/angular-m5oo6h

As you can see:

• The label is transformed out of the form field with outlined appearance and a prefix
• Ellipsis is not being applied with filled appearance and an input (while mat-select displays beautifully), no matter if a prefix is applied or not

Reproduction

Steps to reproduce:

1. Use a form field with a long label
2. Add an element with matPrefix to that form field

Expected Behavior

The label should be sized and ellipsized to fit the form field

Actual Behavior

The label overflows the form field or is not ellipsized, depending on the details of the field configuration.

Environment

• Angular: 15.0.3
• CDK/Material: 15.0.3
• Browser(s): Firefox 108, Chromium 108
• Operating System (e.g. Windows, macOS, Ubuntu): Fedora 38

[Zacherl]

This also occurs without prefix for small fields with a fixed width: