From 3261ab704e0608740919eeedcac866b0b470887c Mon Sep 17 00:00:00 2001 From: Chris Rebert Date: Wed, 21 May 2014 16:44:09 -0700 Subject: [PATCH] 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] --- less/forms.less | 6 ++++-- 1 file changed, 4 insertions(+), 2 deletions(-) diff --git a/less/forms.less b/less/forms.less index 335c1e0e81..f0e9204f49 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.