Using the "active" class to identify the currently selected item, not to highlight options on hover

[ubirajaralucena]

Currently, ui-select adds an "active" class to the selected option, BUT as soon as we hover over the other options, those options get this "active" class. – IMO the "active" class shouldn't be used for highlighting.
For my needs I added an extra "selected" class to identify the currently selected item, letting the "active" class for highlighting only. Here is a small plunker http://plnkr.co/edit/oRAsSYcYDxuJcOtM09tb where the "fixSelectedItem" directive does the job.

[Akaryatrh]

Same here, the active class would be more useful for the selected item.
Thx for the workaround @ubirajaralucena 👍

[dimirc]

Can you setup a PR?

[rzschech]

+1

[rzschech]

I added a check mark by comparing the model value to the choice:

<ui-select ng-model="selected">
    <ui-select-match>{{$select.selected.label}}</ui-select-match>
    </ui-select-match>
    <ui-select-choices repeat="choice in choices">
        <span class="fa" ng-class="selected.id === choice.id && 'fa-check'" style="margin-left: -17px"></span>
        <span>{{choice.label}}</span>
    </ui-select-choices>
</ui-select>

[dimirc]

Please check #1211 and let me know your opinion