jQuery autocomplete combobox doesn't look good #150

bentzy opened this Issue Feb 26, 2013 · 6 comments

4 participants


Hi! Love your project! Keep it up! :)

I wanted to use the jQuery autocomplete with a combobox and it works good - the only problem is it looks like this:


Can you reproduce it? Or it's only me? :)

jquery-ui-bootstrap member

Hi, do you have an online demo so I can see the problem ?


Ok added some CSS and now it looks like this:

Here is an online demo - but without your JS library:

I copied it from jQuery UI website.



I changed the CSS and it looks really good now:

.ui-combobox {
position: relative;
display: inline-block;

.ui-combobox-toggle {
position: absolute;
top: 0;
bottom: 0;
margin-left: -2px;
padding-left: 18px;
padding-top: 8px;
width: 10px;
height: 12px;
/* support: IE7 */ *height : 1.7em;
*top: 0.1em;
*height: 1.7em

.ui-combobox-input {
margin: 0;
padding: 0.3em;
width: 300px;

Sorry to bother you.
Thanks for helping!!

jquery-ui-bootstrap member

Thank you, I'll take your example for demo

Best regards


👍 to add this to jquery-ui-bootstrap

jquery-ui-bootstrap member

I joined right now ;)

@addyosmani addyosmani closed this Dec 17, 2013
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment