Skip to content

React Padding example interactive preview is blank #1190

@Capyhw

Description

@Capyhw

Describe the bug

The embedded online preview for the React "Padding" example appears blank.

Docs page:
https://tanstack.com/virtual/latest/docs/framework/react/examples/padding

Direct sandbox panel:
https://tanstack.com/virtual/latest/docs/framework/react/examples/padding?panel=sandbox

Steps to reproduce

  1. Open the React Padding example docs page.
  2. Switch to the "Interactive Sandbox" panel.
  3. Wait for StackBlitz/Vite to finish loading.

Expected behavior

The preview should render the padding example content, including the virtualized rows/columns/grid demo.

Actual behavior

The StackBlitz iframe loads and Vite reports ready, but the preview area remains blank/white and the example UI is not rendered.

Environment

  • Browser: Chrome 148.0.0.0
  • OS: macOS
  • Checked on: 2026-06-10

Console notes

I did not see a clear runtime exception in the parent page console. The embedded terminal reported Vite ready on port 5173, and the preview iframe title was "Vite App", but no example content was visible in the preview.

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Type

    No type
    No fields configured for issues without a type.

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions