Saltar al contenido

¿Mantener el elemento select2 en un tamaño fijo con desplazamiento?

Entiende el código bien previamente a utilizarlo a tu trabajo y si tquieres aportar algo puedes compartirlo con nosotros.

Solución:

http://jsfiddle.net/8svf11yh/1/

.select2-container .select2-selection 
    height: 60px;
    overflow: scroll;
 

O desbordamiento: automático; puede ser una mejor opción

Algunas mejoras a la versión de @smcd:

.select2-selection--multiple  max-height: 10rem; overflow: auto 

estoy usando max-height para que pueda ser más pequeño si solo se seleccionan algunas opciones. Solo una vez que alcanza esa altura, deja de crecer. como se sugiere overflow: auto es genial ya que solo usa la barra de desplazamiento si es necesario. Finalmente me dirijo a la --multiple variante del selector, por lo que solo las selecciones con múltiples opciones obtienen este estilo.

Esto funcionará con el último complemento select2:

.select2-results__options 
    height: 60px;
    overflow-y: auto;

Si piensas que te ha resultado de ayuda este artículo, sería de mucha ayuda si lo compartieras con otros seniors y nos ayudes a difundir esta información.

¡Haz clic para puntuar esta entrada!
(Votos: 0 Promedio: 0)



Utiliza Nuestro Buscador

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *