ui-select-choices不隨視圖滾動並被切斷

Question

我已經嘗試了所有可能的解決方案，這些解決方案先前已解決了類似問題，但仍然面臨相同的問題。 請幫幫我。

<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>

Answer 1

您的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>