Skip to content

Form field input type number safari #26915

Closed
@hdrangel1

Description

@hdrangel1

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>

image

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:

  1. Set style display: block; to the div that will contain the mat-form-field
  2. Set type: number to the input
  3. 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.

Metadata

Metadata

Assignees

Labels

P3An issue that is relevant to core functions, but does not impede progress. Important, but not urgentarea: material/form-field

Type

No type

Projects

No projects

Milestone

No milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions