bug(mat-form-field): Label position is wrong (appearance="outline") when mat-form-field is placed inside drawer

[atcen]

Is this a regression?

• [X] Yes, this behavior used to work in the previous version

The previous version in which this bug was not present was

14

Description

If the mat-form-field is empty and not focused, then the label moves behind the icon. the error only occurs with appearance="outline" and within a drawer that is not open by default

Reproduction

Steps to reproduce:

1. place mat-form-field with appearance="outline" inside drawer
2. place icon inside fat-form-field with matPrefix

Demo https://stackblitz.com/edit/angular-ivy-qb7mbe?file=src/app/app.component.ts

Expected Behavior

old behaviour

Actual Behavior

Environment

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

[sedax90]

After an year this issue is still present on Angular 17, why the fix was not merged yet?

[IngAjVillalon]

It happens to me exactly the same.

@angular/animations": "17.0.9",
    "@angular/cdk": "17.0.5",
    "@angular/common": "17.0.9",
    "@angular/compiler": "17.0.9",
    "@angular/core": "^17.0.9",
    "@angular/forms": "17.0.9",
    "@angular/material": "17.0.5",
    "@angular/platform-browser": "17.0.9",
    "@angular/platform-browser-dynamic": "17.0.9",
    "@angular/router": "17.0.9",