小编Bal*_*wal的帖子

UI-select下拉选项未显示在面板主体上方

我有一个固定高度的面板,溢出设置为自动.在该面板内我使用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>
Run Code Online (Sandbox Code Playgroud)

PLUNKER LINK

html css angularjs ui-select

6
推荐指数
1
解决办法
3863
查看次数

标签 统计

angularjs ×1

css ×1

html ×1

ui-select ×1