SweetAlert2 和 Ionic6 无法正确可视化的问题

Question

我有一个在 Ionic 5 Angular 上编写的 Ionic 项目，其中有一些使用 SweetAlerts2 的弹出窗口。

今天我决定将 Ionic 更新为 Ionic6，但 SweetAlerts2 弹出窗口看起来不对。就像警报仅在 header 上可见，其他一切都是空白。

问题截图：

Ionic6 Visualization Problem

代码：

swal.fire({
  html:
    '<br><label style="font-size:80%">Example Alert</label>',
  showDenyButton: true,
  confirmButtonText: "Confirm",
  denyButtonText: "Deny",
  denyButtonColor: 'grey',
  confirmButtonColor: 'var(--ion-color-primary)',
})

Repository where the problem is reproduced

Answer 1

此问题已在 issue

中解决

只需将此选项与 Ionic Framework 一起使用。

heightAuto: false

SweetAlert2 和 Ionic6 无法正确可视化的问题

Problem with SweetAlert2 and Ionic6 not visualizing correctly

javascript

angular

ionic-framework

ionic6