198959 2019-06-18 03:33:29 -0700 input[type=date] with empty value has shrunken height 2023-09-20 02:25:58 -0700 1 1 1 Unclassified WebKit Forms Safari 12 iPhone / iPad iOS 12 NEW InRadar P2 Normal --- 1 roman.balaban webkit-unassigned ahmad.saleem792 akeerthi basuke bfulgham cdumez karlcow martijn.cuppens simon.fraser timothy webkit-bug-importer wenson_hsieh zalan oldest_to_newest 1545585 0 roman.balaban 2019-06-18 03:33:29 -0700 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. 1545597 1 webkit-bug-importer 2019-06-18 07:04:48 -0700 <rdar://problem/51847712> 1702661 2 martijn.cuppens 2020-10-29 03:07:57 -0700 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).