Comments (2)
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
Screen.Recording.2023-12-31.at.7.47.05.AM.mov
from vue-sonner.
@xiaoluoboding I can confirm that the latest update v1.0.3 fixed the animation issue mentioned above this comment.
Thanks ❤️
from vue-sonner.
Related Issues (20)
- Swipeable sonner HOT 1
- custom component - option to keep style HOT 1
- Possible bugs when using fixed
- can we dismiss the toast programmatically? `toast.dismiss()` does not work HOT 11
- Why so many issues for such as simple plugin? HOT 5
- Global config HOT 1
- Persitent accross layouts in Nuxt 3 HOT 4
- [Bug]: error on hitting `Esc` button
- Error: when pressing ESC key HOT 2
- Bug: Can't create new toasts after dismiss HOT 4
- Everything is deleted after <Toaster />, and sometimes the toast() function works, sometimes not HOT 4
- remove inline-styles to pass CSP
- ERROR - Dismiss not working HOT 3
- Dynamic Positioning not working HOT 3
- Allow specifying attributes on wrapper `<section>`
- Add an option to freeze toasts on hover / window blur
- The types success, error, warning etc... are not applying color
- NO ANIMATIONS
- Issue when creating multiple toasts in a loop HOT 2
- Cross icon should appear only on hover
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from vue-sonner.