I’ve created a scene with sphere geometry and some CSS3D elements. One of the CSS3D elements loads an iframe from an API.
On my Macbook Pro using Chrome, the scene appears perfectly fine. But when I try to run the page on other machines, I get a strange problem: the CSS3D elements seem to move faster than the background geometry when the user navigates through the space. So the geometry appears to “stutter” behind the CSS3D elements, and it’s a little disorienting. On Microsoft Edge, some of the CSS3D elements disappear and reappear as you mouse through the space. I’m using simple OrbitControls.
Any idea what could be causing this?
I’m not seeing any errors in the console. so I’m assuming it’s a rendering issue. I tried fiddling with the renderer settings, but I haven’t found a solution because I’m not really sure what the issue is. Is this expected behavior from the CSS3D renderer?