Page transition out-in mode cause runtime error

[Crayfisher-zari]

Environment

---

• Operating System: Linux
• Node Version: v16.14.2
• Nuxt Version: 3.0.0-rc.3
• Package Manager: npm@7.17.0
• Builder: vite
• User Config: css
• Runtime Modules: -
• Build Modules: -

---

Reproduction

https://stackblitz.com/edit/nuxt-starter-y5uyuf

Describe the bug

I repeated browser's back and forward button rapidly, and then runtime error has occurred, When I use "out-in" transition mode. Maybe, Nuxt try to insert DOM in transition, but it can't and cause the error.

This problem occurred in "out-in" mode only, "in-out" mode not.

Additional context

No response

Logs

Uncaught DOMException: Failed to execute 'insertBefore' on 'Node': The node before which the new node is to be inserted is not a child of this node.

[danielroe]

See #13350 - it's an upstream Vue bug.