kbrgl / svelte-french-toast

🍞🥂 Buttery smooth toast notifications for Svelte
https://svelte-french-toast.vercel.app/
MIT License
880 stars 37 forks source link

Bug: Multiline toast flickers and then disappears #85

Open AbdullahAhmadAAK opened 1 week ago

AbdullahAhmadAAK commented 1 week ago

The toasts I get appear for only a split second, then disappear.

This is my code below:

    const msg1 =
        'After approval of the delivery, the following materials will be released: \n\n- Editable files (show this one if applicable, because videos do not have an editable file)\n\n- High-quality files'
    const msg2 = `Keep in mind that you have until ${lastApprovalDate} to approve the delivery or request a revision. After this date, the order will be finalized and marked as complete.`

    toast(msg1, {
        icon: '🛈',
        duration: 2000
    })

    toast(msg2, {
        icon: '🛈',
        duration: 2000
    })

Any idea why this is not working the way it's supposed to? The example on the guide website shows that my code is correct, but still this issue is coming up.

This is what I'm trying to achieve:

image

This is what I get:

image

AbdullahAhmadAAK commented 1 week ago

Hi guys, used another package which was more easily configurable. You can read all about my approach here: https://medium.com/@abdullahaak06/tutorial-multiline-notifications-toasts-in-sveltekit-as-toast-package-e5fe367efa09

Would encourage this repo's owners to fix this issue as well while they're at it.