Skip to content
This repository was archived by the owner on Oct 2, 2019. It is now read-only.

Refresh Spinner for Multiple Selection #1985

Closed
yancymatherne opened this issue Apr 29, 2017 · 1 comment
Closed

Refresh Spinner for Multiple Selection #1985

yancymatherne opened this issue Apr 29, 2017 · 1 comment

Comments

@yancymatherne
Copy link
Contributor

Bug description:

When using spinner-enabled="true", the spinner does not appear when using the multiple selection mode of ui-select. The spinner is simply not included in the select-multiple.tpl.html.

Link to minimally-working plunker that reproduces the issue:

Current code: http://plnkr.co/edit/9NeYtHLJ1SANZZhN1rAC?p=preview
Fix: http://plnkr.co/edit/Rp8mNkOXbzntdugkP1yO?p=preview

Version of Angular, UI-Select, and Bootstrap/Select2/Selectize CSS

Angular:
1.5.10
UI-Select:
0.19.8/latest
Bootstrap/Select2/Selectize CSS (if applicable):
bootstrap:3.3.6

yancymatherne added a commit to yancymatherne/ui-select that referenced this issue Apr 29, 2017
The multiple mode would not show a refresh spinner even with spinner-enabled set to true. Add the same spinner html from the single selection template to the multiple selection template.

Closes angular-ui#1985
yancymatherne added a commit to yancymatherne/ui-select that referenced this issue May 1, 2017
The multiple mode would not show a refresh spinner even with spinner-enabled set to true. Add the same spinner html from the single selection template to the multiple selection template.

Closes angular-ui#1985
@ViieeS
Copy link

ViieeS commented Apr 24, 2018

@Jefiozie Doesn't work for bootstrap theme. Needs to publish a new release with the latest changes! Also needs to rebuild /dist.

<div class="ui-select-container ui-select-multiple ui-select-bootstrap dropdown form-control" ng-class="{open: $select.open}">
  <div>
    <div class="ui-select-match"></div>
    <input type="search"
           autocomplete="off"
           autocorrect="off"
           autocapitalize="off"
           spellcheck="false"
           class="ui-select-search input-xs"
           placeholder="{{$selectMultiple.getPlaceholder()}}"
           ng-disabled="$select.disabled"
           ng-click="$select.activate()"
           ng-model="$select.search"
           role="combobox"
           aria-expanded="{{$select.open}}"
           aria-label="{{$select.baseTitle}}"
           ng-class="{'spinner': $select.refreshing}"
           ondrop="return false;">
  </div>
  <div class="ui-select-choices"></div>
  <div class="ui-select-no-choice"></div>
</div>

Sign up for free to subscribe to this conversation on GitHub. Already have an account? Sign in.
Labels
None yet
Projects
None yet
Development

No branches or pull requests

3 participants