-
Notifications
You must be signed in to change notification settings - Fork 18
New issue
Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.
By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.
Already on GitHub? Sign in to your account
Exit animation jumps when using Vue <group-transitions> #14
Comments
Will investigate after work, thanks for making an issue. |
Can I ask why you're using a |
Hey, Yes you're right. In that case it doesn't make sense using transition group. I updated my example with a for loop where you are supposed to use the transition-group. https://codesandbox.io/s/ry50n8vwnn It's not the case now, but I'm planning to use this plugin for a large project and I was trying to test it in all the conditions to have an idea of what I'm going to face. But again, it's amazing man! |
did you have any chance to fix it with group-transitions? |
It's on my todo list. Will get around to it! |
Which browser is that gif from? This is a different issue, and one that should already be working normally, unless you're using a minority browser. |
@guanzo Latest Chrome, I think (71.0.3578.98) . Also happens on Safari (Mac - Version 12.0.2) |
Hmm, that issue in the .gif might be a mounting issue / race condition (separate issue). If I toggle VSR off and back on again, or even toggle dev tools, it works as expected. |
https://recordit.co/8b6msaALDa I've got a problem here using nested SmoothReflow components. It appears that the initial height for the transition is calculated incorrectly, it is too small when height is growing and too great when height is shrinking. https://recordit.co/BF06xbOCso In this video, I removed all the transition-groups, and the smooth reflow stopped working, it only starts working after I remove some items from the second panel, and it still only works for adding items. |
Hello,
I've been looking for something like this plugin for a very long time. It is absolutely amazing!!! please keep supporting it.
However I encountered a couple of issues.
Using group-transitions with a simple fade effect to show the content, the outer container animates its height properly when the content is entering, but when it fades away, the outer container starts animating properly but then it suddenly stops and jumps all the way to height 0 with no transition.
I created a sandbox that replicates the bug.
https://codesandbox.io/s/ry50n8vwnn
Another note:
The plugin seems not working when used together with animate.css within Vue transitions.
But that is another bug I guess, so eventually I will open another issue.
Thanks!
The text was updated successfully, but these errors were encountered: