AngularJS UI選擇滾動顯示導致混蛋

Question

我花了一段時間嘗試在網上提出這個問題，但沒有成功。 我的問題是，當我單擊由angularjs ui-select-choices呈現的ui-select-choices時 ，該列表會打開得很細，但是當我使用devtools時（並且當瀏覽器的寬度小於一定寬度時），這些選項會向上打開並暫時觸發垂直滾動條的顯示。 它存在毫秒，但會導致頁面跳動。

嘗試將max-height設置為ul和li沒有成功。 我可以說一個溢出：y，但是我不喜歡看到滾動條。

Answer 1

我的解決方案是一種解決方法：在重復中添加“ limitTo：”以限制顯示的結果數量。 這樣做會使顯示保持在下拉菜單下方而不是上方（將數量限制為一定數量使我能夠匹配頁面上剩余的空間）

<ui-select-choices repeat="item in $ctrl.data | filter: $select.search | limitTo: 6">
    <span ng-bind-html="item | highlight : $select.search"></span>
</ui-select-choices>