How can I add a backdrop to my toast

[ahmadi3d]

Hello,

I want to display an "Are you sure?" toast to my users that they can't skip. I tried using a modal or backdrop, but it requires manual styling because the modal takes up the entire page, and my text is aligned to the left. I've shared an image to show this.

Lastly, is there a way to remove the closing delay when I call closeToast? There's a noticeable delay before the toast disappears.

Thank you!

[Link2Twenty]

This would probably be better as a modal rather than a toast from a user interact point of view but you can achieve this by inerting all other content using the inert tag and give the toast a box shadow of 0 0 100vmax rgba(0,0,0,0.3) or similar.