Ionic 4 ion-select положение поповера

Question

Я использую ion-select с атрибутом interface="popover". Поповер открывается вверх под select, что делает его очень маленьким.

Я понял, что если в ion-select есть 10 или более элементов, он открывается вниз, тогда как в нем меньше 10 элементов. вычисляет, какой способ открывать, в зависимости от того, где наибольшее пространство доступно по вертикали от входа select.

Как настроить раскрытие всплывающего окна над select?

Снимок экрана Источник открытие ниже select (неверный путь):

Снимок экрана Метод контакта открытиевыше select (правильный путь):

Answer 1

Когда interface="popover" такой, Ionic 4 использует здесь ion-popover компонент. В версии Ionic 4.x нет встроенных вещей для позиционирования этого окна. Так что вам нужно переопределить основное поведение. Для этого добавьте фрагмент в файл CSS вашей страницы.

.popover-wrapper .popover-content{
    position: relative !important;
    margin: 0 auto !important;
    left: auto !important;
    top: auto !important;
}