We read every piece of feedback, and take your input very seriously.
To see all available qualifiers, see our documentation.
There was an error while loading. Please reload this page.
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
2.6.10
https://codesandbox.io/embed/vue-template-vsvmo
Both list are shuffled with animation
Only first list is shuffled with animation, and second one has no animation.
The text was updated successfully, but these errors were encountered:
The name of the transition is the one that needs the CSS class:
.list-move { transition: transform 1.5s; }
(with name="list")
name="list"
Please check the documentation about transitions for more info
Sorry, something went wrong.
@posva I see, so there is no way to change duration dynamically?
@posva Your answer unfortunately doesn't answer the dynamically part of the OP's question.
Since #4857, the duration of a transition can be set (dynamically) via its props. In a transition-groups however this prop does not exist.
duration
Is there a reason for that - or would that be something for a PR?
If not, what ways do you see to dynamically define styles for a transition-group? I obviously don't want to create a class for each duration.
Any solutions?
No branches or pull requests
Version
2.6.10
Reproduction link
https://codesandbox.io/embed/vue-template-vsvmo
Steps to reproduce
What is expected?
Both list are shuffled with animation
What is actually happening?
Only first list is shuffled with animation, and second one has no animation.
The text was updated successfully, but these errors were encountered: