MatLegacyInputModule: '::after' when using an input of type 'time'

[Boris-DT]

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 using an <input> of type time using the MatLegacyInputModule on the latest version (15.2.8 and previous versions as well) ::after gets added on causing the height of the input to change. I created a simple stack blitz to reproduce this behavior. When inspecting the element you can see the ::after and its corresponding style.

Stackblitz

Visual information:

Reproduction

Steps to reproduce:

1. add an<input> of type time using the MatLegacyInputModule
2. inspect the element

Expected Behavior

When using an <input> of type time using the MatLegacyInputModule on the latest version (15.2.8 and previous versions as well) ::after should not be added on the <input>.

Actual Behavior

When using an <input> of type time using the MatLegacyInputModule on the latest version (15.2.8 and previous versions as well) ::after gets added on causing the height of the input to change.

Environment

• Angular: 15.0.5
• Angular Material: 15.2.8
• Browser(s): Chrome
• Operating System (e.g. Windows, macOS, Ubuntu): Windows

[crisbeto]

This was introduced in #18787 to resolve a Safari appearance issue. We should check if it's still a problem.