UI-选择下拉选项不显示在面板主体上方答案

【问题标题】：UI-select dropdown option not show above panel bodyUI-选择下拉选项不显示在面板主体上方
【发布时间】：2015-01-16 21:17:35
【问题描述】：

我有一个固定高度的面板，溢出设置为自动。在该面板中，我正在使用 ui-select。

单击/打开选择框时，它会隐藏在面板页脚后面，用户必须向下滚动才能查看。是否可以在设置了溢出的固定高度的框外获得 ui-select 显示。

         <div class="panel-body" style="height:100px;overflow:auto;">
              <div class="col-md-12">
                <ui-select ng-model="person.selected" theme="select2" ng-disabled="disabled" style="min-width: 300px;">
                <ui-select-match placeholder="Select a person in the list or search his name/age...">{{$select.selected.name}}</ui-select-match>
                <ui-select-choices repeat="person in people | propsFilter: {name: $select.search, age: $select.search}">
                <div ng-bind-html="person.name | highlight: $select.search"></div>
                  <small>             email: {{person.email}}             age:             
                     <span ng-bind-html="''+person.age | highlight: $select.search"></span>
                  </small>
              </ui-select-choices>
              </ui-select>
        </div>

PLUNKER LINK

【问题讨论】：

标签： html css angularjs ui-select

【解决方案1】：

您可以在.panel-body 上使用overflow: visible，就像在这个PLUNKER

【讨论】：

它有效.. 但随后删除了给定高度的滚动条，我希望滚动条到位
同样的，滚动条应该是可见的。