Я использую vuetify datatables, и когда я нажимаю кнопку выбора «строк на страницу» или выбора ввода, меню с их параметрами не отображается должным образом. Я имею в виду, что он рендерится и загружается, но не появляется в ожидаемой позиции под входом.
Я заметил, что это происходит, потому что vuetify является абсолютным позиционированием этого элемента меню. Поэтому я просто применил приведенный ниже код CSS, и все прошло хорошо.
--custom_vuetify.scss
/* After load vuetify default styles */
/* Don't put it in an scoped styles, it won't work */
.v-menu {
/* position: relative; */
}
.v-menu__content {
top: 0 !important;
left: 0 !important;
}
Я пробовал на Firefox и в другом проекте с другой структурой, и то же самое происходит. И да, это также работает на их странице и в коде, я действительно не знаю, почему это не так в моем проекте.
Вот примеры:
Без моего css , он показывает «открыто» и создает прокрутку страницы, очевидно, потому что это вычисленные позиции.
С моим css он переполняется, но, по крайней мере, показывает
Но кто-нибудь знает, почему это происходит?
Или если это случится с кем-то, как вы решите это?
Я согласен с этим решением, но я просто хочу оставить его здесь на тот случай, если кто-то столкнется с той же проблемой и захочет показать нам другие возможные решения.