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.

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

Match the height of select.form-control with input.form-control #20874

Merged
merged 1 commit into from
Oct 10, 2016

Conversation

mdo
Copy link
Member

@mdo mdo commented Oct 10, 2016

Uses a local variable and some calc love to counteract the border-width (times 2) from the height of the select. Fixes #17194 and nullifies #19967.

Demo of the new CSS in effect with inputs, selects, and custom selects for good measure: https://jsbin.com/yitijo/.

Uses a local variable and some calc love to counteract the border-width (times 2) from the height of the select. Fixes #17194 and nullifies #19967.
@mdo mdo added this to the v4.0.0-alpha.5 milestone Oct 10, 2016
@mdo mdo merged commit 805b384 into v4-dev Oct 10, 2016
@mdo mdo deleted the select-height branch October 10, 2016 01:08
mdo added a commit that referenced this pull request Oct 10, 2016
Matches the changes from #20874 to the regular select element. This is really only necessary for IE and Edge near as I can tell. Fixes #20810.
@adamwathan
Copy link

@mdo Think there's a new bug in Chrome related to some stuff here, I noticed some custom selects of my own in a non-Bootstrap project had busted heights, then stumbled across this commit of yours.

I assume when you committed this 4 days ago, all three of these were the same height yeah?

image

😩

@mdo
Copy link
Member Author

mdo commented Oct 13, 2016

Looking at latest Chrome on macOS, I still see things looking as intended.

screenshot 2016-10-13 13 25 20

@adamwathan
Copy link

Somehow I was a bit behind, updated and all good now, thanks 👊🏻

@kjdion84
Copy link

This is still fucked in Chrome on Windows. Not everyone uses a Mac.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
Projects
None yet
Development

Successfully merging this pull request may close these issues.

3 participants