Bug 198959
| Summary: | input[type=date] with empty value has shrunken height | ||
|---|---|---|---|
| Product: | WebKit | Reporter: | roman.balaban |
| Component: | Forms | Assignee: | Nobody <webkit-unassigned> |
| Status: | NEW | ||
| Severity: | Normal | CC: | ahmad.saleem792, akeerthi, basuke, bfulgham, cdumez, karlcow, martijn.cuppens, simon.fraser, timothy, webkit-bug-importer, wenson_hsieh, zalan |
| Priority: | P2 | Keywords: | InRadar |
| Version: | Safari 12 | ||
| Hardware: | iPhone / iPad | ||
| OS: | iOS 12 | ||
roman.balaban
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.
| Attachments | ||
|---|---|---|
| Add attachment proposed patch, testcase, etc. |
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).