emilkowalski / sonner

An opinionated toast component for React.

Home Page:https://sonner.emilkowal.ski

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Usage with native Dialog element

andelkocvjetkovic opened this issue Β· comments

Describe the feature / bug πŸ“:

Unfortunately, Sonner is not possible to use with the native <dialog /> element.

https://stackblitz.com/edit/vitejs-vite-zmfggr?file=src%2FApp.jsx

You can "Fix" this by also adding a Toaster to the dialog see.

https://stackblitz.com/edit/vitejs-vite-ir2t3m?file=src%2FApp.jsx

This isnt ideal because it renders the Toast twice.

I created a feature request that proposes a solution to this:
#404

yea good solution, containerId could solve this issue.