Alright so this is the update after trying all suggestions on many jquery ui, stackoverflow 3 threads.
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.
-
.ui-autocomplete { height: 200px; overflow-y: scroll; overflow-x: hidden;}
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.
I however 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.
This demo helped me
http://jqueryui.com/demos/autocomplete/maxheight.htmlRegards,
Darshan Shroff
shroffdarshan@gmail.comhttp://in.linkedin.com/in/darshanshroff