Autocomplete set suggestion area width

Question

I use jquery combobox autocomplete like in the demo below.

After i add jQuery UI Autocomplete Select First Extension, i have problem with the width of suggestion area.

In some case, the width of suggestion area bigger than usual. How to fix this problem?

I know i can put in this code :

$(this).autocomplete("widget").css({"width": 250});

but, it will change all of my combo style. So could i put in this code on every combobox i made?how can i do that?

thx.

could you add some of your code/css so we know what you are doing? — O'Mutt, Sep 25 '12 at 21:13

score 2 · Accepted Answer · edited May 23 '17 at 10:24

2

I would just change the css for the ul.ui-autocomplete list. jsFiddle

.ui-autocomplete {
    width: 300px;
    background-color:red;
}    

.ui-autocomplete li {
    border: 1px solid black;
}

If you need to change the class for the results ul, then I would follow this link here to a solution. SO Link

edited May 23 '17 at 10:24

Community

answered Sep 26 '12 at 01:42

JoeFletch

1 Answers1