diff options
| author | Chris Rebert <[email protected]> | 2014-05-21 16:44:09 -0700 |
|---|---|---|
| committer | Chris Rebert <[email protected]> | 2014-05-21 16:50:23 -0700 |
| commit | 3261ab704e0608740919eeedcac866b0b470887c (patch) | |
| tree | 1b92372129dd054b276845ddc07c0a04c3c704e7 /less/forms.less | |
| parent | 3dd1531d81c90d6d1cf04962032f868d315ab21c (diff) | |
| download | bootstrap-3261ab704e0608740919eeedcac866b0b470887c.tar.xz bootstrap-3261ab704e0608740919eeedcac866b0b470887c.zip | |
update explanatory comment about iOS date/time inputs bug
Per:
* http://jsbin.com/purer/2/edit
* https://github.com/cvrebert/bs-css-hacks/blob/6e8aa78384a005b007fc45327c9516dcf6ec0f30/README.md#ios-temporal-input-line-height
Thanks @mdo <3
[skip sauce] [skip validator]
Diffstat (limited to 'less/forms.less')
| -rw-r--r-- | less/forms.less | 6 |
1 files changed, 4 insertions, 2 deletions
diff --git a/less/forms.less b/less/forms.less index 335c1e0e8..f0e9204f4 100644 --- a/less/forms.less +++ b/less/forms.less @@ -165,9 +165,11 @@ input[type="search"] { } -// Special styles for iOS date input +// Special styles for iOS temporal inputs // -// In Mobile Safari, date inputs require a pixel line-height that matches the +// In Mobile Safari, setting `display: block` on temporal inputs causes the +// text within the input to become vertically misaligned. +// As a workaround, we set a pixel line-height that matches the // given height of the input. Since this fucks up everything else, we have to // appropriately reset it for Internet Explorer and the size variations. |