Skip to content
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

Supplied transition key ignored (or mangled) #10788

Closed
grumpygary opened this issue Nov 1, 2019 · 1 comment

Comments

@grumpygary
Copy link

@grumpygary grumpygary commented Nov 1, 2019

I checked the Vue source code (2.6.10). It appears that it does not respect key names for transitions -- it mangles it to includes its own prefix (__transition-${this._uid}- + myKey) , which is subject to change if a prop changes. This appears to have been on-purpose (it literally checks to make sure it's using the internal prefix). I consider this a bug, as it causes a full re-render of the transitioned vnode if all I want to do is change the exit transition class.

For example, I might have a "stack" of pages that slide to the left to exit when going forward, or to the right to enter if going backwards; otherwise no animation. So the transition depends on what the user is doing. The enter transition is not the issue, but if I change the leave active class, Vue will change the transition key, which will re-render the page (though nothing has changed), causing a brief flicker.

And I can't find a work around...

My question(s): what is the rationale for not respecting a supplied transition key? And is there a work-around?

Originally posted by @grumpygary in #9363 (comment)

@vue-bot

This comment has been minimized.

Copy link
Contributor

@vue-bot vue-bot commented Nov 1, 2019

Hello, thank you for taking time filling this issue!

However, we kindly ask you to use our Issue Helper when creating new issues, in order to ensure every issue provides the necessary information for us to investigate. This explains why your issue has been automatically closed by me (your robot friend!).

I hope to see your helper-created issue very soon!

@vue-bot vue-bot closed this Nov 1, 2019
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Projects
None yet
2 participants
You can’t perform that action at this time.