This repository was archived by the owner on Oct 2, 2019. It is now read-only.
This repository was archived by the owner on Oct 2, 2019. It is now read-only.
Items disabled through ui-disable-choice are not automatically styled to appear disabled #966
Open
Description
When using ui-disable-choice, items are disabled fine in the sense that they cannot be selected, but they are visually not distinguishable from normal enabled items.
I have solved this by applying a ng-class or ng-style to my items using the same condition as ui-disable-choice, e.g.:
<ui-select-choices repeat="item in items | filter: $select.search" ui-disable-choice="item.disabled">
<span ng-style="{color: (item.disabled ? '#dddddd' : '#2e2e2e') }" ng-bind-html="item.name | highlight: $select.search"></span>
</ui-select-choices>
This works, but it would be a million times nicer if the CSS provided by ui-select would include a class for disabled items out of the box (typically, making them light-grey or similar).