离子选择弹出窗口不起作用 Chrome 114

Question

当尝试从 ion-select interface=popover 打开 popover 时，我在 ionic 中遇到问题

\n

我的离子信息：

\n

Ionic:\n\n   Ionic CLI                     : 6.20.1 (C:\\Users\\DELL\\AppData\\Roaming\\npm\\node_modules\\@ionic\\cli)\n   Ionic Framework               : @ionic/angular 6.1.0\n   @angular-devkit/build-angular : 12.1.4\n   @angular-devkit/schematics    : 13.2.6\n   @angular/cli                  : 12.2.17\n   @ionic/angular-toolkit        : 6.1.0\n

\n

问题的代码：

\n

  <ion-list>\n        <ion-item>\n          <ion-select interface="popover"  placeholder="Select fruit">\n            <ion-select-option value="apples">Apples</ion-select-option>\n            <ion-select-option value="oranges">Oranges</ion-select-option>\n            <ion-select-option value="bananas">Bananas</ion-select-option>\n          </ion-select>\n        </ion-item>\n      </ion-list>\n\n

\n

弹出窗口未打开

\n

我检查了 css 并发现不显示，但我不知道这个属性在哪里或如何禁用：

\n

[popover]:not(:popover-open):not(dialog[open]) {\n    display: none;\n}\n\n

\n

我在 CHROME 114 中找到了关于 POPOVER API 的注释\n他们使用了属性 popover

\n弹出窗口内容\n

因此，在项目中的 Angular versi\xc3\xb3n 中反映了这个问题，因为它也使用了上述属性

\n

Answer 1

要解决此问题，请在global.scss中添加以下代码。

ion-popover [popover]:not(:popover-open):not(dialog[open]) {
    display: contents;
}

Answer 2

这个错误已经修复了。您应该更新到版本 6.5.2或更高版本。