Home → AutoSuggest jQuery Plugin →

Results List as Scrolling List Box

• Edit

rick

11 Dec, 2010 02:29 PM

My results list is often very long. What would the code look like to make the dropdown results a fixed height scrolling list?
Thanks in advance!

1. 1 Posted by Jamie on 04 Nov, 2011 04:23 PM

   

   I need scrolling too!

   This works:
   `ul.as-list {

   height:20em; 
   overflow-y: auto;
   z-index: 20002;
   

   }`

   but as soon as you click on the scrollbar, the list disappears. The only way to scroll is with the mouse wheel. It doesn't scroll when using the arrow keys either.

   NB The odd z-index is to make it higher than the jQuery dialog I'm using my autosuggest in. I also had to override some of the dialog's CSS, and ended up doing this which doesn't seem very nice:
   div[aria-labelledby="ui-dialog-title-openFile"] {overflow:visible !important;}

   • Edit