JQuery UI Autocompletar (1.8) desplazamiento

Question

Tengo problemas para configurar el módulo de autocompletar de JQuery-UI. Necesito que cuando la cantidad de datos para seleccionar sea lo suficientemente grande, aparezca una barra de desplazamiento.

Esto es lo que he intentado:

• en el jquery-ui-1.8.16.css he Setted esto:

ui.autocomplete{ max-height: 100px; overflow-y: auto; overflow-x: hidden; }

* como se muestra en el ejemplo ui-documentation

Esta es la forma en Declaro y autocompleto la entrada:

$("#myInput").autocomplete({ source: mySource, minLength: 0, });

No sé por qué la barra de desplazamiento no aparece, cualquier ayuda sería apreciada. ¡Muchas gracias!

Answer 1

Debe anular de colocarlo en la página como esta

<style> 
.ui-autocomplete { 
    max-height: 100px; 
    overflow-y: auto; 
    /* prevent horizontal scrollbar */ 
    overflow-x: hidden; 
    /* add padding to account for vertical scrollbar */ 
    padding-right: 20px; 
} 
/* IE 6 doesn't support max-height 
* we use height instead, but this forces the menu to always be this tall 
*/ 
* html .ui-autocomplete { 
    height: 100px; 
} 
</style> 

en lugar de los valores cambiantes en jquery-ui-1.8.16.css