Skip to content

Cannot change transition-group duration dynamically #10602

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

Closed
yukukotani opened this issue Oct 5, 2019 · 4 comments
Closed

Cannot change transition-group duration dynamically #10602

yukukotani opened this issue Oct 5, 2019 · 4 comments

Comments

@yukukotani
Copy link

Version

2.6.10

Reproduction link

https://codesandbox.io/embed/vue-template-vsvmo

Steps to reproduce

  1. Open codesandbox
  2. Click shuffle

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.

@posva
Copy link
Member

posva commented Oct 7, 2019

The name of the transition is the one that needs the CSS class:

.list-move {
  transition: transform 1.5s;
}

(with name="list")

Please check the documentation about transitions for more info

@posva posva closed this as completed Oct 7, 2019
@yukukotani
Copy link
Author

@posva I see, so there is no way to change duration dynamically?

@lupas
Copy link

lupas commented May 3, 2020

@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.

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.

@hateskream
Copy link

Any solutions?

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

4 participants