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.