[Bug] Blurry old toasts

[yb-cs]

As you see in the above picture the old toasts appear to be blurry even when focusing them. The issue probably has to do with not clearing the blur effect styling of the components once we hover on them.

[wobsoriano]

Where are you getting this output? I just tried it on svelte sonner site but cant figure out how to replicate this

[pitzzahh]

It is from the documentation where you render a toast. It is also blurry from my perspective.

[galaczi]

For me all of them are blurry. Image also from the docs page:

[wobsoriano]

That is so weird. I am not able to replicate the issue. I'll try it on my Windows machine.

Update: Looks like I was able to confirm the issue on Windows.

Update 2: JK, wasnt able to replicate still

[wesleyfreit]

Update: I was using the filter with blur 0, but it still didn't work normally with more than one active toast, I went deeper into the toast css and found the will-change property which, when defining it as unset, removes the blur, at least here.

<Toaster
toastOptions={{
style: { willChange: 'unset' },
}}
/>

[wobsoriano]

Related emilkowalski/sonner#334 (comment)