jQueryUI Autocompletar ComboBox Demasiado largo

Question

Mi jQuery UI Autocompletar ComboBox no tiene una barra de desplazamiento en el lado derecho y se pone muy, desafortunadamente, largo como se muestra a continuación. Me gustaría restringir esta lista a una longitud razonable, ¿alguna reflexión sobre cómo se podría lograr? ¡Gracias!

Answer 1

Puede ajustar la altura a través de CSS:

.ui-autocomplete { 
    max-height: 600px; 
    overflow-y: auto; /* prevent horizontal scrollbar */ 
    overflow-x: hidden; /* add padding to account for vertical scrollbar */ 
    z-index:1000 !important; 
} 

Answer 2

empezar a buscar en el CSS. Lo más probable es que la lista desplegable sea una selección o ul. Si el menú desplegable se incluye dentro de un DIV, agregue "overflow: auto", que le dará una barra de desplazamiento. O establece la altura máxima para el div. Otra solución sería poner un límite a los resultados. Simplemente no llene la casilla con tantas entradas.

Answer 3

Ésta es una cuestión de edad, por lo que mientras la solución por j08691 funcionó bien con Primefaces mayores, ahora el nombre de clase ha cambiado a "ui-autocompletar lista ":

.ui-autocomplete-list { 
    max-height: 400px; 
    overflow-y: auto; /* prevent horizontal scrollbar */ 
    overflow-x: hidden; /* add padding to account for vertical scrollbar */ 
    z-index:1000 !important; 
} 

Answer 4

En algún momento esto ha cambiado de nuevo, a partir de jQuery-UI 1.12.1 es la clase 'ui-autocomplete.ui adelantado' por lo que la respuesta aceptada se convierte en:

.ui-autocomplete.ui-front { 
    max-height: 600px; 
    overflow-y: auto; /* prevent horizontal scrollbar */ 
    overflow-x: hidden; /* add padding to account for vertical scrollbar */ 
    z-index:1000 !important; 
}