Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Jump to bottom

Input type date in IE 9 pushes text out of viewable area #12669

Closed
ryanwi opened this issue Feb 9, 2014 · 6 comments
Closed

Input type date in IE 9 pushes text out of viewable area #12669

ryanwi opened this issue Feb 9, 2014 · 6 comments
Labels
css
Milestone
v3.3.0

Comments

@ryanwi
Copy link

ryanwi commented Feb 9, 2014

In IE 9, the date input acts as a regular text box, but bootstrap applies the line-height: 34px rule to it. This results in value of the date input being nearly unreadable. Here is a comparison between chrome and IE 9.

screen shot 2014-02-09 at 11 22 49 am
screen shot 2014-02-09 at 11 22 31 am
@cvrebert cvrebert added this to the v3.1.1 milestone Feb 9, 2014
@cvrebert cvrebert added the css label Feb 9, 2014
@carasmo
Copy link

carasmo commented Feb 10, 2014

Can you post a jsbin of this or a fiddle?

@ryanwi
Copy link
Author

ryanwi commented Feb 10, 2014

Sure, here you go. Seems to happen in both IE 9 and 10, but starts to improve with IE 11 (not as offset in 11).

http://jsbin.com/waquc

@mdo mdo modified the milestones: v3.2.0, v3.1.1 Feb 11, 2014
@carasmo
Copy link

carasmo commented Feb 12, 2014

http://jsbin.com/waquc/3/edit

This should fix it in IE9-IE10pp4, can't think of another option offhand

@mdo mdo closed this as completed in 2f95590 Mar 10, 2014
@mdo mdo mentioned this issue Mar 10, 2014
Closed
@mdo
Copy link
Member

mdo commented Mar 10, 2014

Fixes in action at http://jsbin.com/waquc/9/.

@carbonrobot
Copy link

I know this issue is closed, but this is still an issue in IE11. Open the jsbin from @mdo to test.

@cvrebert
Copy link
Collaborator

Still broken in v3.2.0 in IE9 for .input-lg & .input-sm, AFAICT; tested w/ http://jsbin.com/foqex/2
CC: @mdo

@cvrebert cvrebert reopened this Jul 22, 2014
@cvrebert cvrebert modified the milestones: v3.2.1, v3.2.0 Jul 22, 2014
@cvrebert cvrebert mentioned this issue Jul 24, 2014
Closed
@mdo mdo closed this as completed in 5713bd7 Jul 24, 2014
@carbonrobot carbonrobot mentioned this issue Jul 24, 2014
Closed
stempler pushed a commit to stempler/bootstrap that referenced this issue Nov 4, 2014
@mdo
(less) Fixes twbs#12669: Properly reset line-height on date inputs fo…
88281e8 
…r all sizes; Fix IE8+'s misaslignment of text within date inputs
stempler pushed a commit to stempler/bootstrap that referenced this issue Nov 4, 2014
@mdo
(less) Fixes twbs#12669 again: Redeclare the line-heights again for d…
2b4b35f 
…ate inputs in IE8+
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Assignees
No one assigned
Labels
css
Projects
None yet
Milestone
v3.3.0
Development

No branches or pull requests
5 participants
@ryanwi @mdo @cvrebert @carasmo @carbonrobot