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

Floated select causes problems with search #1607

Closed
ncatanchin opened this issue Oct 14, 2013 · 4 comments
Closed

Floated select causes problems with search #1607

ncatanchin opened this issue Oct 14, 2013 · 4 comments

Comments

@ncatanchin
Copy link

I have a select floated left of it's label that I apply chosen to:

image

It causes problems with the dropdown:

image

I used the Chrome console to disable the float left on the select - after it was converted to chosen - and the problem was fixed:

image

This is not a problem when search is disabled.

@ncatanchin
Copy link
Author

Seemed to also be able to fix it by putting clear: both on .chosen-results

@koenpunt
Copy link
Collaborator

Would you mind to setup a simple test case in a fiddle?

@pepeh
Copy link

pepeh commented Feb 14, 2014

Hi. Compare in Chrome and Firefox: http://jsfiddle.net/pepeh/56vYD/

To work normally you need to write CSS

.chosen-container input {
float: none;
}

OR

.chosen-results {
clear: both
}

@pfiller
Copy link
Contributor

pfiller commented Jun 3, 2016

I'm going to close this. If you add CSS that breaks Chosen, it's not an issue with Chosen. Sorry!

@pfiller pfiller closed this as completed Jun 3, 2016
@pfiller pfiller removed the CSS label Jun 3, 2016
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

4 participants