Home/ Questions/Q 7594983
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-05-30T21:33:25+00:00

Does anybody know if it is possible to let the dropdown menu of the

  • 0

Does anybody know if it is possible to let the dropdown menu of the jQuery autocomplete exceed the browser window?

This is possible for the common html select menu (Internet Explorer):

<html><body>
<script>window.resizeTo(300, 200);</script>
<form><select>
    <option>Some option 01</option>
    <option>Some option 02</option>
    <option>Some option 03</option>
    <option>Some option 04</option>
    <option>Some option 05</option>
    <option>Some option 06</option>
    <option>Some option 07</option>
    <option>Some option 08</option>
    <option>Some option 09</option>
</select></form>
</body></html>

Can this also be achieved using javascript/jQuery or will the results always be rendered within the browser window?

Thanks in advance.

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    The autocomplete plugin, even though it looks like a popup menu, is still html markup and is rendered within the browser’s window, like any other element of a webpage.

    What you can do is set a max-height on the menu. 

    .ui-autocomplete {
    max-height: 100px;
    overflow-y: auto;
    /* prevent horizontal scrollbar */
    overflow-x: hidden;
    /* add padding to account for vertical scrollbar */
    padding-right: 20px;
}

    This will add a vertical scrollbar if the height exceeds 100px.

    • 0