select2容器比下拉小

我已經在我的應用程序中實現了angular-ui select2，它工作正常，但選擇框容器（上面的搜索）的渲染比下拉麪板小。select2容器比下拉小

這裏就是我的意思是：

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>

來源

2014-02-06 Batman

你想下拉不滾動和列表完全可見？ –

搜索上方的區域與下拉不一樣大小。 – Batman

您是否嘗試將寬度屬性添加到選擇輸入？或者檢查一下樣式是否覆蓋了輸入寬度？我在select2網站上看到的所有內容都顯示了元素本身的寬度（可能是通過js設置的） –

添加到您的構造函數的參數width：

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

應該工作。

來源

2014-02-06 20:32:52 JayInNyc

我結束了編輯CSS強制.select2容器寬度。這似乎是訣竅。我不確定它爲什麼會發生。 – Batman

我起初有同樣的pb。一個css編輯不是necy，我只是使用了三個ctor參數。你試過這個字典嗎？我很好奇。 – JayInNyc

是的，但寬度100％太多了。但它沒有工作。 – Batman

select2容器比下拉小

回答

相關問題