I have exhausted all possible solutions that were previously provided for this similar issue, but I am still encountering the same problem. Any assistance would be greatly appreciated.
<td style="width:20%">
<div class="form-group">
<ui-select multiple ng-model="projectPerson.roles" theme="bootstrap"
ng-disabled="!projectPerson.editMode"
on-remove="personVm.removeRole(projectPerson, $item)"
on-select="personVm.selectRole(projectPerson, $item)">
<ui-select-match placeholder="Select">
{{$item.roleObject.role}}
</ui-select-match>
<ui-select-choices repeat="role in projectPerson.roleList | filter: $select.search"
style="max-height: 80px">
<div ng-bind="role.role"></div>
</ui-select-choices>
</ui-select>
</div>
</td>