Closed
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
No response
Description
When I review on safari browser, the height of the element is smaller
<mat-form-field appearance="outline" color="primary">
<mat-label>Días hábiles</mat-label>
<input formControlName="diasHabiles" matInput>
</mat-form-field>
Please notice that the div that contains the mat form field uses display: blocks, this behavior only happens on Safari, Chrome is ok
Reproduction
Steps to reproduce:
- Set style display: block; to the div that will contain the mat-form-field
- Set type: number to the input
- Open Safari
Expected Behavior
The height of the mat form field (type number) must be the same
Actual Behavior
The height of the element changes.
Environment
- Angular: 15.1.2
- CDK/Material: 15.2.6
- Browser(s): Safari
- Operating System: macOS.