Can't use UI-Select with the new aspnetboilerplate startup template

Hi @ismcagdas @hikalkan @alirizaadiyahsi @yekalkan , I am trying to use ui-select in aspnetboilerplate startup template of MVC5 & AngularJs. The problem is, when I click to select any item, it will fall down and show the list. After selection, it will be back. Like the following screenshot.

Following is my Code:

<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>

(Sorry, the code is not getting formatted here!!)

When I remove my theme’s style.css, it’s working fine… but can’t identify which class is making this trick… This is squeezing me for last one week. I asked the question in stackoverflow also. But still no solutions found. Hope ABP guys can help me out. I have the latest ABP version and my .net framework is 4.6.1

[sayassyk]

Hurraaayy…! 💃 💃 I got it in the final try!!! It was just needed to change the appendToBody option to false in my ui-select configuration like this:

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

But still don’t know how it was getting solved when I remove our style.css Anyways thank you so much for your support! ❤️

[sayassyk]

ofcourse… I will upload it in google drive and give you the link…