javascript - select2 容器小于下拉列表

Question

我已经在我的应用程序中实现了 angular-ui select2，它工作正常，但是选择框容器(在搜索上方)的呈现比下拉面板小。

我的意思是:

HTML:

<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>

Answer 1

添加到你的构造函数参数 width:

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

应该可以。