2014-02-06 5 views
0

Я применил угловое u2 select2 в своем приложении, и он работает нормально, но рендеринг контейнера select box (выше поиска) меньше, чем панель выпадающего списка.select2 контейнер меньше выпадающего списка

Вот что я имею в виду:

enter image description here enter image description here

HMTL:

<select 
    ui-select2="{placeholder:'Select a User', dropdownAutoWidth: true}" 
    class="animated slideInDown" 
    id="entityDropDown" 
    ng-model="selectedUser" 
    ng-options="user as user.name for user in users" 
    ng-change="getUserInfo(selectedUser)"> <option>Place Holder</option> 
</select> 
+0

Вы хотите, чтобы нисходящий список не прокручивался, и список был полностью видимым? –

+0

Область выше поиска отличается от раскрывающегося списка. – Batman

+0

Вы пытались добавить атрибут ширины к вводу выбора? Или проверьте, переопределяют ли стили входную ширину? Все, что я вижу на сайте select2, показывает ширину самого элемента (возможно, устанавливается через js). –

ответ

1

Добавить в параметры CTOR width:

<select 
    ui-select2="{placeholder:'Select a User', dropdownAutoWidth: true, width: '100%'} > 
</select> 

Должно работать.

+0

Я закончил редактирование css, чтобы увеличить ширину .select2-container. Казалось, это трюк. Я не уверен, почему это происходит. – Batman

+0

Сначала у меня был тот же pb. Редактирование css не было обязательным, я использовал только три приведенных параметра ctor. Вы пробовали этот ctor dict? Мне любопытно. – JayInNyc

+0

да, но ширина 100% была слишком большой. Однако это не сработало. – Batman

Смежные вопросы