You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
Vue renders without a warning. When the shuffle button is clicked, the elements are reordered.
What is actually happening?
Vue immediately warns, even though all children are keyed:
[Vue warn]: <TransitionGroup> children must be keyed.
at <Anonymous>
at <App>
When I click shuffle, it errors:
[Vue warn]: Unhandled error during execution of render function
at <Anonymous>
at <App>
TypeError: child.el.getBoundingClientRect is not a function
at Proxy.<anonymous> (vue.esm-browser.js:11116)
at renderComponentRoot (vue.esm-browser.js:5002)
at componentEffect (vue.esm-browser.js:7729)
at reactiveEffect (vue.esm-browser.js:3967)
at callWithErrorHandling (vue.esm-browser.js:4807)
at flushJobs (vue.esm-browser.js:4949)
If "other node" is removed or commented out, everything works as expected.
The text was updated successfully, but these errors were encountered:
underfin
added a commit
to underfin/vue-next
that referenced
this issue
Apr 25, 2020
Version
3.0.0-beta.4
Reproduction link
https://codepen.io/21stCenturyJonas/pen/QWjpJWm
Steps to reproduce
What is expected?
Vue renders without a warning. When the shuffle button is clicked, the elements are reordered.
What is actually happening?
Vue immediately warns, even though all children are keyed:
When I click shuffle, it errors:
If "other node" is removed or commented out, everything works as expected.
The text was updated successfully, but these errors were encountered: