Skip to content

solid-js Suspense causes VList rendered items to be incorrectly positioned #841

@aquaductape

Description

@aquaductape

Describe the bug
solid-js Suspense causes VList rendered items to be incorrectly positioned, resulting in clipped content or blank viewport.

bug.mp4

Expected behavior
For VList to preserve items and scroll position when Suspense is finished and renders content

To Reproduce

  1. clone repo https://github.com/aquaductape/virtua-solid-suspense-issue
  2. scroll until "Entity 8" is no longer visible in scroll viewport
  3. click any ℹ️ button, which fetches resource
  4. Triggers parent Suspense
  5. Suspense fallback renders
  6. Resource is done
  7. Suspense renders content
  8. VList renders items, but are incorrectly posisitioned on y axis, sometimes outside of scroll viewport

Repo

Platform:

  • OS: MacOS 15.7.3 (24G419)
  • Browser: Chrome 143.0.7499.41 (Official Build) (arm64)
  • Version of virtua: 0.48.2
  • Version of framework: solid-js 1.9.10

Metadata

Metadata

Assignees

No one assigned

    Labels

    help wantedExtra attention is needed

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions