angularjs ui-select滚动显示导致混蛋

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>