sandpack icon indicating copy to clipboard operation
sandpack copied to clipboard

Sandpack Preview fails to load after scroll.

Open bondz opened this issue 1 year ago • 0 comments

I was trying to upgrade the dependencies of the react docs, @codesandbox/sandpack-react is currently pinned to 2.6.0.

When I upgrade it to the latest version, today - 2.11.2 the sandboxes seem to load as normal with a preview. However, visiting a page with multiple sandpacks like http://localhost:3000/learn/describing-the-ui and scrolling slowly to the end and back up. The previews don't load on the second scroll.

I tried to find the version of sandpack that last worked and it seems to have broken in 2.6.2 from #923, the last version that works is 2.6.1

Packages affected

  • [ ] sandpack-client
  • [x] sandpack-react

What steps can we take to reproduce the problem?

git clone https://github.com/reactjs/react.dev.git
cd react.dev
yarn add  @codesandbox/[email protected]
yarn dev

Clone the react docs repo, upgrade sandpack, open http://localhost:3000/learn/describing-the-ui

Scroll to the end of the page while letting the sandpacks load. When at the end of the page, scroll back up. The previews are no longer visible.

The reset button for each handpick also doesn't work.

Your Environment

Software Name/Version
Sandpack-client version N/A
Sandpack-react version 2.6.2 to 2.11.2
Browser Safari
Operating System macOS

bondz avatar Jan 13 '24 08:01 bondz