Bug 198959 – input[type=date] with empty value has shrunken height

• Status: NEW
• Component: Forms

The input[type=date] element with empty value has shrunken height on iOS.
You can check this using this markup:
<input type="date">

and the following CSS rule:
input {
  -webkit-appearance: none;
}

See the https://jsfiddle.net/go9b61L0/ example on iOS device.

[Radar WebKit Bug Importer]

<rdar://problem/51847712>

[Martijn Cuppens]

This is fixable by adding a height to the `::-webkit-date-and-time-value` pseudo element.

 ```
input::-webkit-date-and-time-value {
  height: 1.5em;
}
```

This also happens to the `::-webkit-inner-spin-button` pseudo element as I noticed here (https://opensource.apple.com/source/WebCore/WebCore-7602.4.6/css/html.css.auto.html).