Async components in a TransitionGroup cause getBoundingClientRect is not a function #7898
Labels
🔨 p3-minor-bug
Priority 3: this fixes a bug, but is an edge case that only affects very specific usage.
has PR
A pull request has already been submitted to solve the issue
scope: transition
Vue version
3.2.47
Link to minimal reproduction
SFC Playground Reproduction
Steps to reproduce
defineAsyncComponent
) to a list rendered inside aTransitionGroup
What is expected?
Both components should be rendered once they are resolved.
What is actually happening?
If a new component is added to the
TransitionGroup
before a previously added async component is resolved and rendered, the app always crashes with:System Info
Any additional comments?
Async components will initially render a comment element until they are resolved.
If a new component is added to the
TransitionGroup
before a previously added async component is resolved and rendered, the app always crashes with:The error occurs in
TransitionGroup
, as the assumption thatchild.el
is anElement
does not hold for async components (until they are resolved).This happens in similar scenarios, like #5168 and #6745.
The text was updated successfully, but these errors were encountered: