force select2-plugin, чтобы показать все элементы

Question

Я использую select2 и хотел бы заставить его показать все доступные опции при расширении вместо добавления полосы прокрутки.

Сейчас он имеет полосу прокрутки внутри области вариантов: http://screencast.com/t/fYKPArqz5f

это возможно?

Answer 1

Вы можете обновить CSS в select2.css, примерно линия 302:

/* results */ 
.select2-results { 
    /* max-height: 200px; comment out the max-height! */ 
    padding: 0 0 0 4px; 
    margin: 4px 4px 4px 0; 
    position: relative; 
    overflow-x: hidden; 
    overflow-y: auto; 
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0); 
} 

Или, если у вас нет доступа к CSS, или не хотите, чтобы изменить его в целом по всему сайту, вы можете переопределить определенный стиль в вашей собственной таблицы стилей:

.select2-results { 
    max-height: none; 
} 

Смотрите эту JSFiddle