Temporal inputs in iOS

By default, date inputs look great in iOS. By as soon as you make them block level, they require extra finesse to work out alignment of text within the input (their value).

This bug was fixed in v3.2.0 via this pull request.


Default date input

Shows up perfect by default.


Block level

Notice the misalignment compared to above.


Broken date input

The initial problem of block level alignment is exacerbated by the height we apply.


Fixed date input

Specify a pixel line-height though, and you're set.

Edit in JS Bin