Ui-select-choices не прокручивается с просмотром и обрезается

Я пробовал все возможные решения, которые ранее отвечали на эту аналогичную проблему, но все еще сталкиваюсь с той же проблемой. Пожалуйста, помогите мне.

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

Ваша форма находится в строке таблицы. Можете ли вы попробовать поставить z-index, чтобы вытащить его вперед.

Lokesh Pandey 17.04.2018 12:06

Для записи примите ответ на случай, если я вам помог.

Lokesh Pandey 17.04.2018 16:58

Это не помогло @Lokesh

Arpita 18.04.2018 06:33

Можете ли вы включить обновленный код?

Lokesh Pandey 18.04.2018 07:55
Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией
Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией
В JavaScript одним из самых запутанных понятий является поведение ключевого слова "this" в стрелочной и обычной функциях.
Концепция локализации и ее применение в приложениях React ⚡️
Концепция локализации и ее применение в приложениях React ⚡️
Локализация - это процесс адаптации приложения к различным языкам и культурным требованиям. Это позволяет пользователям получить опыт, соответствующий...
Улучшение производительности загрузки с помощью Google Tag Manager и атрибута Defer
Улучшение производительности загрузки с помощью Google Tag Manager и атрибута Defer
В настоящее время производительность загрузки веб-сайта имеет решающее значение не только для удобства пользователей, но и для ранжирования в...
Безумие обратных вызовов в javascript [JS]
Безумие обратных вызовов в javascript [JS]
Здравствуйте! Юный падаван 🚀. Присоединяйся ко мне, чтобы разобраться в одной из самых запутанных концепций, когда вы начинаете изучать мир...
Система управления парковками с использованием HTML, CSS и JavaScript
Система управления парковками с использованием HTML, CSS и JavaScript
Веб-сайт по управлению парковками был создан с использованием HTML, CSS и JavaScript. Это простой сайт, ничего вычурного. Основная цель -...
JavaScript Вопросы с множественным выбором и ответы
JavaScript Вопросы с множественным выбором и ответы
Если вы ищете платформу, которая предоставляет вам бесплатный тест JavaScript MCQ (Multiple Choice Questions With Answers) для оценки ваших знаний,...
0
4
537
1

Ответы 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>

Другие вопросы по теме