UI-Select 在 aspnetboilerplate(MVC & AngularJs) 中与 gurayyarar AdminBSB Material 主题一起使用时焦点错位

Question

我正在尝试在 aspnetboilerplate 启动模板 中使用 ui-select MVC5 的和 AngularJs。该模板使用 AdminBSB Material based theme。但它的行为很尴尬。当我单击 select 任何项目时，它会下降并显示列表。 selection之后，它会回来的。 As shown in this Image

以下是我的代码：

<div class="col-md-4 pull-left">
<label style="margin-top:-10px;float:left; width:100%; font-size: 13px;font-weight: normal;color: #aaabaf;">
    @L("Customer")
    <ui-select ng-model="vm.selectedCustomer" theme="bootstrap">
        <ui-select-match placeholder="Select a customer">{{$select.selected.name}}</ui-select-match>
        <ui-select-choices position='down' repeat="item in vm.customersList | filter: $select.search">
            <div ng-bind-html="item.name | highlight: $select.search"></div>
            <small ng-bind-html="item.code | highlight: $select.search"></small>
        </ui-select-choices>
    </ui-select>
</label>

试图找出哪个脚本在做这件事，但失败了。有人请帮帮我

Answer 1

终于明白了！只需要在我的 ui-[ 中将 appendToBody 选项更改为 false =19=] 配置如下：

app.config(['uiSelectConfig', function (uiSelectConfig) {
    uiSelectConfig.theme = 'bootstrap';
    uiSelectConfig.resetSearchInput = true;
    uiSelectConfig.appendToBody = false;
}]);

UI-Select 在 aspnetboilerplate(MVC & AngularJs) 中与 gurayyarar AdminBSB Material 主题一起使用时焦点错位

UI-Select is dislocated on focus when using with gurayyarar AdminBSB Material theme in aspnetboilerplate(MVC & AngularJs)

angularjs

twitter-bootstrap-3

ui-select

asp.net-boilerplate

aspnetboilerplate