现状:
使用interface=“popover”的<ion select>不显示选项,只显示背景。
我怀疑这与Chrome 5月30日发布的新Popover API与ionic框架冲突有关。
受影响版本:
v4.x, v5.x
期待现象:
应显示带有弹出界面的选择。
补充:我使用PopoverController进行了测试,它显示正确。
原因:
目前只是出现在谷歌浏览器114+版本上,popover是大概率不能使用的。因此,我猜测这种行为是由Chrome中的一个新的popover功能引起的:https://developer.chrome.com/docs/web-platform/popover-api/popover-property/Ionic的popover组件似乎与浏览器的实现发生了冲突。
Ionic框架团队无法复制该问题,该公司的其他人可以回复,但是根据issue#27581,在更高版本已经对应了此问题,并且再次声明不再支持v5和v4版本ionic。
临时解决方法:
全局less/sass/css中:
[popover]:not(:popover-open):not(dialog[open]) {
display: contents;
}
需要关注详细issue以及ionic代码变更记录,可访问https://github.com/ionic-team/ionic-framework/issues/27581
Thats all!