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

[Vue warn]: <TransitionGroup> children must be keyed. #4718

Closed
foxymoron opened this issue Oct 1, 2021 · 0 comments
Closed

[Vue warn]: <TransitionGroup> children must be keyed. #4718

foxymoron opened this issue Oct 1, 2021 · 0 comments
Labels
🔨 p3-minor-bug Priority 3: this fixes a bug, but is an edge case that only affects very specific usage. 🐞 bug Something isn't working scope: transition

Comments

@foxymoron
Copy link

Version

3.2.19

Reproduction link

https://codesandbox.io/s/solitary-fast-4fgmx?file=/src/App.vue

Steps to reproduce

  1. Create a keyed looped template with 2 child elements.
  2. Wrap this template with transition-group.

What is expected?

No [Vue warn]: children must be keyed.
Because the key is given to template tag.

What is actually happening?

[Vue warn]: children must be keyed.
Transition of the 2 elements also seems to be breaking.


This was not an issue in Vue2 as we were able to manually specify key for child elements inside template.

Sign up for free to subscribe to this conversation on GitHub. Already have an account? Sign in.
Labels
🔨 p3-minor-bug Priority 3: this fixes a bug, but is an edge case that only affects very specific usage. 🐞 bug Something isn't working scope: transition
Projects
None yet
2 participants