Я пробовал все возможные решения, которые ранее отвечали на эту аналогичную проблему, но все еще сталкиваюсь с той же проблемой. Пожалуйста, помогите мне.
<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>
Для записи примите ответ на случай, если я вам помог.
Это не помогло @Lokesh
Можете ли вы включить обновленный код?



![Безумие обратных вызовов в javascript [JS]](https://i.imgur.com/WsjO6zJb.png)


Ваш ui-select-choices там, поскольку он в элементе <td>, я думаю, он прячется за <td>. Поместите значение z-index в большее число, чтобы переместить его вперед. Попробуйте этот код и дайте мне знать, работает он или нет
<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;z-index:100000">
<div ng-bind = "role.role"></div>
</ui-select-choices>
</ui-select>
</div>
</td>
Ваша форма находится в строке таблицы. Можете ли вы попробовать поставить z-index, чтобы вытащить его вперед.