Width of Second Autocomplete on Page Defaults to Zero in Chrome and IE to scott.gonzalez

[Nathan_SF]

When I only place one autocomplete input on a page the width is fine in all browsers. I recently created a page with a second autocomplete, and it works fine in Firefox 11.0. However, in Chrome 18.0, IE 8, and IE 9 the second autocomplete defaults to a width of zero. Even if I set the min-width property via css, it's overridden with element.style {width: 0px;}.

On one page, I have 3 autocomplete input fields. For all browsers (including FF 11.0), the third input has a width set to zero which I have not been able to override. I've tried forcing the CSS with jquery with $('#uniqueID > input.ui-autocomplete-input').css('width', '300px') and it's still overridden by element.style{width: 0px;}.

I'm using latest version of jquery 1.7.1, and latest jquery UI 1.8.18.

[Scott González]

​http://jsbin.com/ewuxer/edit#javascript,html,live

[Scott González]

There are, in fact, two autocompletes on that page.

[Scott González]

Whoa, I think 1Password just freaked out and I wasn't even using it.

[Nathan_SF]

Replying to scott.gonzalez:

There are, in fact, two autocompletes on that page.

You are correct, my mistake. We are using select boxes, not input fields. Can you test that scenario?

Thanks.

[Nathan_SF]

It's an issue with combobox, not autosuggest. My mistake.