CSS for combobox with scrollbar

asked 2014-12-30 15:37:03 +0800

cyiannoulis
1201 ● 10

updated 2014-12-30 15:39:24 +0800

Recently i was in a need of an auto-complete combobox fetching dynamic content from the database. Then i fall into a problem with the ZK combobox scrolling. In case of multiple search results, the combobox popup takes the height of the page and there are no scroll bars.

So, i used the following style and i am posting this here in case someone else has the same problem:

.searchbox .z-combobox-content {
    max-height: 450px!important; 
    width: 100%;
    overflow: hidden!important;
    overflow-y: scroll!important;
}

<combobox autodrop="true" buttonVisible="true" sclass="searchbox" />

Tested with ZK 7.x and Chrome 39.0.2171.95 / FF 34.0.5

Costas