html - UI-select dropdown option not show above panel body -
i have panel fixed height overflow set auto. inside panel using ui-select.
on-clicking/opening select box getting hidden behind panel footer , user has scroll down view. possible ui-select display outside of box having fixed height overflow set.
<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 person in list or search 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>
you can use overflow: visible
on .panel-body
in plunker
Comments
Post a Comment