Web XR behavior in Meta Quest 2

[IRobot1]

First, this problem doesn't happen using Windows Mixed Reality in Edge browser. I can only repeat using Meta Quest 2 after Entering VR from its browser

My app page looks like this

  <ngt-canvas webxr (created)="created($event)" [camera]="{ fov: 55, position: [0, 2, 4]}">
    <router-outlet></router-outlet>
  </ngt-canvas>

Pages loaded via router changing the contents of the canvas. Here's a basic example of new content being added to the canvas

<ngt-color attach="background" color="darkgray"></ngt-color>

<ngt-directional-light [position]="[10, 10, 10]" castShadow></ngt-directional-light>

<ngt-mesh>
    <ngt-mesh-standard-material></ngt-mesh-standard-material>
    <ngt-sphere-geometry [args]="[0.2]"></ngt-sphere-geometry>
</ngt-mesh>

When navigate between router inside the Quest browser, the pages render correctly. However, when I Enter VR and navigate to a new content via a route, the canvas is blank

Using the example above, nothing is render; not the light or the mesh.
If I render using THREE objects, they're added to the scene properly.
I've tried navigating without using router, problem still happens.
I even tried forcing change detection on every tick

Its like the NG3 change detection completely stops or gets stuck rendering all changes outside of Angular zone.

I've installed the Oculus development tools and remotely monitored the browser console. No errors or warnings.

I've spent days trying to debug this problem and finally out of things to try.

Any suggestions? I'll try putting the most basic repeat case together and sharing.

If you have a Meta Quest headset, you can see the problem in this DEMO

[nartc]

Hi there @IRobot1 , sorry in advance. I don't have a VR set to test this out as well as I don't have enough time nowadays to work on AngularThree much.

[IRobot1]

I noticed in NGT, that gl.xr animation loop is overriden.

Doesn't this still need to call the original animation loop in threejs?

[IRobot1]

Never mind. Looks like its a hook / callback method. So NGT gets called after every animation frame.

[IRobot1]

Can you think of any conditions under which beforeRender stops getting called?
Prior to entering VR, objects with beforeRender callbacks are getting called.
On the Quest, after Enter VR, beforeRender stops getting called.

[IRobot1]

Found the root cause; requestAnimationFrame. When in VR on the Quest, this method never gets called and makes sense why nothing gets added to the scene.

From my understanding, when in xr.enabled = true, XRSession.requestAnimationFrame should be called.

[IRobot1]

Yes, that was it. I'll submit a bug and pull request.