DOM node of a mounted component is not a child of Document if the component is wrapped with both Transition and Suspense.

[wuww007]

Vue version

3.2.37

Link to minimal reproduction

• SFC Playground
• https://codepen.io/web3-wuweiwei/pen/vYRdwyV

Steps to reproduce

<Transition name="page" mode="out-in">
      <Suspense>
          <my-component-one v-if="flag"></my-component-one>
          <my-component-two v-else></my-component-two>
      </Suspense>
</Transition>

1. Update the flag from true to false that will change <my-component-one> to <my-component-two >.
2. The $el of <my-component-two > is not a child of Document in the lifecycle mounted.

What is expected?

The $el of a component should have been inserted into Document in the lifecycle mounted.

What is actually happening?

Refer to Steps to reproduce

System Info

No response

Any additional comments?

No response

[posva]

Duplicate of #5844