Alright so this is the update after trying all suggestions on these 3 threads.
http://forum.jquery.com/topic/autocomplete-max-elements-shown
http://forum.jquery.com/topic/setting-height-on-autocomplete
http://stackoverflow.com/questions/2310718/problem-jquery-ui-autocomplete-1-8-with-height-and-overflow-with-ie
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, 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
Regards,
Darshan Shroff
shroffdarshan@gmail.com