Manual rendering (edge case): canvases loaded into new tabs are initially blank - Githubissues

Tresjs / tres

Declarative ThreeJS using Vue Components

https://tresjs.org

MIT License

1.91k stars 85 forks source link

Manual rendering (edge case): canvases loaded into new tabs are initially blank #720

Open andretchen0 opened 4 weeks ago

andretchen0 commented 4 weeks ago

Problem

Opening a link in a new tab causes TresCanvas with manual rendering to be blank.

https://github.com/Tresjs/tres/assets/20469369/382e1c7f-c6e9-42f1-9136-d829032ff7b5

Reproduction

N/A

Steps to reproduce

pnpm run playground
Navigate to http://localhost:5173/
Ctrl/Command + click "Manual rendering" to open in a new tab
Wait a moment ~ 2 seconds
Switch to new tab

System Info

Tested in latest Chrome and FF on Mac.

Used Package Manager

pnpm

Code of Conduct

[X] I agree to follow this project's Code of Conduct
[X] Read the Contributing Guidelines.
[X] Read the docs.
[X] Check that there isn't already an issue that reports the same bug to avoid creating a duplicate.
[X] The provided reproduction is a minimal reproducible example of the bug.