ui-select + parent div 中的選項可見性問題有溢出-x 滾動

Question

我需要在包含overflow-x: scroll樣式的父div元素中使用ui-select 。

問題是當我們點擊下拉菜單時，選項列表隱藏在滾動條后面。 請參考此圖片https://prnt.sc/oitdlw

我在 JSFiddle 創建了一個示例，它顯示了問題和預期結果http://jsfiddle.net/u4q82a71/4/

如果需要任何其他信息，請告訴我。

提前致謝

Answer 1

試試這個。 刪除溢出-x：滾動

css

.inner {
  width: 140px;
  height: 70px;
}

Answer 2

我想你不能刪除overflow-x: scroll出於某種原因:) 你可以將此樣式添加到你的<ui-select-choices>

.ui-select-choices {
    position: fixed;
    top: inherit;
    width: inherit !important;
}

然后你可以看到它即使使用你的overflow-x: scroll也能正常工作overflow-x: scroll希望它有幫助

Answer 3

如果這仍然是一個問題，解決方案是將 append-to-body="true" 添加到 ui-select 元素