Simulator does remove canvas from custom web components and after session the canvas is not in the document anymore

[marwie]

Hello, currently when ending the XRSession the renderer seems to be broken.

It works as expected on device returning to the original rendering state

20240104-134440_Test_-_Google_Chrome.mp4

[marwie]

Oh seems to be related to our project

[marwie]

Hi - so it seems the issue is related to the canvas being a child of a shadowRoot container with a custom web component. See the glitch project for reproducting it here: https://zircon-sunset-singer.glitch.me/ (you can exit XR using the ESC key)

Here's the code: https://glitch.com/edit/#!/zircon-sunset-singer?path=index.html

This might even be an issue inside three.js - I will update this issue if I have any more information

I even get 2 canvases that are reparented to the root document when the XR session starts

20240104-151345_three.js_vr_-_dragging_-_Google_Chrome-logo.mp4

and when the session ends the canvas gets removed from the document altogether

20240104-151449_three.js_vr_-_dragging_-_Google_Chrome-logo.mp4

[marwie]

This doesnt happen when using Quest with Link