Results List as Scrolling List Box

rick's Avatar

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

    Jamie's Avatar

    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;}

Reply to this discussion

Internal reply

Formatting help / Preview (switch to plain text) No formatting (switch to Markdown)

Attaching KB article:

»

Attached Files

You can attach files up to 10MB

If you don't have an account yet, we need to confirm you're human and not a machine trying to post spam.

Keyboard shortcuts

Generic

? Show this help
ESC Blurs the current field

Comment Form

r Focus the comment reply box
^ + ↩ Submit the comment

You can use Command ⌘ instead of Control ^ on Mac