BayBreezy
commented
8 months ago Hello @xiaoluoboding
Another thing I would like to point out is the animation in a Nuxt 3 application. In development, the animation for multiple toast works well, but in production build, expanding the toasts on hover looks weird. If you visit this app and toggle the theme multiple times and then hover to expand, you will see what I am talking about: https://settings-dash.behonbaker.com/
To reproduce:
- Visit the link: https://settings-dash.behonbaker.com/
- Click on button to change theme multiple times. A toast will popup in the top-right.
- Hover over toasts to see weird expand animation.
Here is a short video
https://github.com/xiaoluoboding/vue-sonner/assets/53905713/2b0d368a-b93f-4f79-9905-fd9d88e11758
Hello again @xiaoluoboding ,
After a promised gets resolved and I hover to close the toast, the height shrinks immediately. Here is a screenshot of what I am referring to:
It only happens if the text goes for more than one line.