ejemplo jquery jquery-ui scroll jquery-ui-autocomplete jquery-scrollable

ejemplo - jquery autocomplete combobox



JQuery UI Autocompletar(1.8) desplazamiento (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

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!