Below is a good start. It actually showed me my scrollbar for the first
time. I just pasted this style in jquery-ui.css and it started showing a
scrollbar. You could also set width:250px to have the scrollbar width
in line with the textbox width.
Now second step was to make this work on IE and Chrome as there were
many issues in it. It worked perfectly in Mozilla, but in IE and Chrome,
as soon as one clicks the scrollbar/button, the autocompleter closes.
This is due to the blur event of autocompleter getting called on click
of scrollbar/button which closes it.
Now various suggestions have been provided to unbind the blur event and
close the autocompleter on click of any element in body, some of which
work as well, but i DO NOT want to unbind autocompleters blur event.
I have a lot of code written on the blur event, which i cannot remove.
Is there any other way to make this work without removing the blur event of autocompleter
Alright i finally got this working yesterday on IE and Chrome after spending close to 20 person hours on this. This was done -> without unbinding the blur event -> without migrating from jquery 1.4.2 to newer version (1.4.3/1.4.4) which was a risk considering the size of my project
I made some minimal changes to jquery.ui.autocomplete.js in my 1.4.2 lib. These changes were copied from the newest version of jquery.ui.autocomplete.js. I have attached the jquery.ui.autocomplete_modified.zip which worked for me. Please change the .zip extension to .js after downloading the file.
PS: Do not use the jquery.ui.autocomplete.js of newer version directly in your old library, that doesn't work. It shows some <STRONG> elements along with the drop down content.