Hello,
I'm visualizing toasts in 2 areas on the page at the same time.
I tried using groups, so changing my notifications from this:
this.$toasted.show( ... )
to this:
this.$toasted.group().show( ... )
Now toast are correctly visualized in their own position, but when a new toast arrives in the same area where another is already present, the second one overlaps the first one.
Before using groups, the second toast was nicely stacked under the first.
Hello, I'm visualizing toasts in 2 areas on the page at the same time.
I tried using groups, so changing my notifications from this:
this.$toasted.show( ... )to this:
this.$toasted.group().show( ... )Now toast are correctly visualized in their own position, but when a new toast arrives in the same area where another is already present, the second one overlaps the first one. Before using groups, the second toast was nicely stacked under the first.
Is there a solution to this.
It seems like I would "name"groups, i.e.
this.$toasted.group({name: 'area1'}).show( ... )this.$toasted.group({name: 'area2'}).show( ... )Thank you.