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
13
Description
If we have a <mat-form-field appearance="outline"> containing a <mat-icon matPrefix> inside a <mat-tab> that is not displayed initially, the label isn't positioned correctly.
Reproduction
Steps to reproduce:
<mat-tab-group>
<mat-tab label="First">
<p>
<mat-form-field appearance="outline">
<mat-icon matPrefix>search</mat-icon>
<mat-label>Outline form field</mat-label>
<input matInput placeholder="Placeholder" />
</mat-form-field>
</p>
</mat-tab>
<mat-tab label="Second">
<p>
<mat-form-field appearance="outline">
<mat-icon matPrefix>search</mat-icon>
<mat-label>Outline form field</mat-label>
<input matInput placeholder="Placeholder" />
</mat-form-field>
</p>
</mat-tab>
</mat-tab-group>
Expected Behavior
The text should be aligned correctly after the icon
Actual Behavior
Environment
- Angular: 15.0.4
- CDK/Material: 15.0.3
- Browser(s): Chrome/Firefox
- Operating System (e.g. Windows, macOS, Ubuntu): Windows. MacOS