AngularJS <ui-select> is shaking up a bit on selecting

154 Views Asked by At

Adding a search-enabled to UI-select is causing the dropdown to shake up a bit.

<ui-select
  ng-model="$ctrl.savedFilter"
  theme="bootstrap"
  title="Filter"
  search-enabled="$ctrl.searchEnabled"
  on-select="$ctrl.loadFilter($item, $model)"
>
  <ui-select-match allow-clear="true" placeholder="{{savedFiltersPlaceholder}}">
    {{$select.selected.description}}
  </ui-select-match>
  <ui-select-choices
    repeat="filter in savedFilters | propsFilter: {description: $select.search}"
  >
    <small
      ng-bind-html="filter.description | highlight: $select.search"
    ></small>
  </ui-select-choices>
</ui-select>

gif for reference

I tried doing CSS changes and also tried without data still the jerking up keeps happening. Any help would be appreciated.

0

There are 0 best solutions below