jQuery autocomplete combobox doesn't look good #150

Closed
bentzy opened this Issue Feb 26, 2013 · 6 comments

4 participants

@bentzy

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:

image

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

@gtraxx
jquery-ui-bootstrap member

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

@bentzy

Ok added some CSS and now it looks like this:
image

Here is an online demo - but without your JS library:
http://jsfiddle.net/QDeeE/

I copied it from jQuery UI website.

Thanks!!

@bentzy

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!!

@gtraxx
jquery-ui-bootstrap member

Thank you, I'll take your example for demo

Best regards

@Heliosmaster

👍 to add this to jquery-ui-bootstrap

@gtraxx
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