Mouseleave event is never triggered on iOS after interacting with a toast that has a button

[axtn]

svelte-french-toast/src/lib/components/Toaster.svelte

Line 32 in 533d580

on:mouseleave={handlers.endPause}

This is an issue on iOS devices (that I've tested... iOS 16 and iPad OS)
When you click on a button (mouseenter) in a toast that has a rich content component (just like in the demo site dismiss btn), the subsequent toasts will be paused and never dismissed automatically.

In my app, I have to dispatch a custom event on dismiss to make sure subsequent toasts don't display forever
document.querySelector('.toaster')?.dispatchEvent(new CustomEvent('mouseleave'));

[kbrgl]

Huh. That's odd. I imagine this may have something to do with the fact that pointer events are disabled somewhere in the CSS. But I don't see why it would happen only on mobile Safari.