Skip to content

Rendering a list of <Suspense>-wrapped components fails #13305

Closed
@dgrayvold

Description

@dgrayvold

Vue version

3.5.13

Link to minimal reproduction

https://github.com/dgrayvold/vue-list-rendering-issue

Steps to reproduce

  1. Install dependencies with pnpm i
  2. Run the dev server
  3. Navigate to the index page and click the Scramble button

What is expected?

The list is rendered properly with the expected scrambled order rendered at the top of the page

What is actually happening?

Rendering fails. The console shows the error Uncaught (in promise) DOMException: Node.insertBefore: Child to insert before is not a child of this node

System Info

Any additional comments?

Possibly a duplicate of #11617 as the workaround mentioned does make this work. Issue was originally discovered with nuxt/nuxt#31568

Metadata

Metadata

Assignees

No one assigned

    Labels

    🔨 p3-minor-bugPriority 3: this fixes a bug, but is an edge case that only affects very specific usage.scope: suspense

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions