ionic-framework - Ionic 4 ionic 选择弹出位置

Question

我正在使用带有属性interface="popover"的ion-select。弹出窗口在 select 下方打开，这使得弹出窗口非常小。

我发现，如果 ion-select 中有 10 个或更多项目，它会向下打开，而如果项目少于 10 个，它会根据可用空间最多的位置来计算打开方式与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;
}