Toast shows twice on a SPA page

I am using a toast for the first time and on a SPA page. I trigger the toast on route show. Including the component on the sub page does not work, so I added it to the main page. That does work, but the toast shows twice on the route show. Also it’s z-index is less than the navbar and shows up under it.

Not sure what code you need to see from my side.

Screenshot 2020-03-23 at 21.47.12

What’s the event you are showing the toast on?
As for the navbar, you can change the offset, so the toast appears further down the page, after the navbar.

<div is="dmx-route" path="/rewards/:nametag/:username" url="rewards.html" id="rewards" dmx-on:show="toasts_addtohomescreen.show({message: 'Add the app to your homescreen to quickly scan for points', title: 'Add to homescreen', icon: 'assets/img/wyo.svg'})"></div>

dmx-on:show

We are going to check this.
Please make sure to wrap your code in 3 backticks ``` when pasting it here.

1 Like

We found the issue and it will be fixed in this week’s update.

1 Like

To not let you wait, here the update: dmxRouting.zip (1.5 KB)

Let us know if there are any problems with this update.

1 Like

Awesome! Thanks @Teodor and @patrick. Much appreciated!

This has been fixed in Wappler 2.7.0