ejemplo - jquery autocomplete combobox

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 intenté:

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

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

* como se muestra en el ejemplo de ui-documentation

Así es como 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

Debería anular el ajuste de css en la página como este

<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 cambiar valores en jquery-ui-1.8.16.css