Rendering stops when using an offset View with a non-full-screen Canvas

[zerovox]

• three version: 0.170.0
• @react-three/fiber version: 8.17.10
• @react-three/drei version: 9.117.3
• node version: 23.2.0
• npm (or yarn) version: 10.9.0

Problem description:

When using a non-full screen canvas and an offset <View />, there are situations where the scene does not render.

Screenshot.2024-11-19.at.03.15.25.PM.mp4

Relevant code:

https://github.com/zerovox/drei-view-canvas-size-bug

npm install
npn run dev

Suggested solution:

I believe the bug is in this computeContainerPosition function, I'll take a look at submitting a patch for this shortly https://github.com/kmannislands/drei/blob/d0f6751b1edbfc7a27f34c61fec259e895d2b88a/src/web/View.tsx#L50-L72