origamisage

That works but I've noticed that we lose subtle on-mount animations during the transition process. ```jsx toast.promise(sleep(1000), { loading: "Loading..", success: "Success!", }) ``` ```jsx const id = toast.loading("Loading...") await...

Found the culprit: ```css :where([data-sonner-toast][data-promise='true']) :where([data-icon]) > svg { opacity: 0; transform: scale(0.8); transform-origin: center; animation: sonner-fade-in 300ms ease forwards; } ``` Animation only applies when the element also contains...

I just ran into this today, the way I got it working is a bit hacky: Idea is to set body's overflow to hidden when dialog is opened to prevent...

I just ran into the same issue when trying to integrate Tanstack Form with React Aria Components. My use case is exactly the same as described above - managing focus...