Show multiple toasts in Ionic 5

Hi,

my component has this function:

async showToasts() {
    const toast = await this.toastController.create({
        message: "A",
        duration: 3000
    });
    toast.present();

    const toast2 = await this.toastController.create({
        message: "B",
        duration: 3000
    });
    toast2.present();

    const toast3 = await this.toastController.create({
        message: "C",
        duration: 3000
    });
    toast3.present();
}

I expect to see those toasts stacked one after another. But all toasts are shown at the same position overlying each other, so that they can`t be read by the user.

Is this expected? Is it possible to show the toasts stacked below each other?

Thank you!

1 post - 1 participant

Read full topic