How can i create a mesh with scroll inside react-three/xr to be scrollable with VR controllers?

[carolinaroqu3]

I want to create a react component with react-three/xr to be rendered inside VRCanvas that has some elements (in the image example is text but it could just be a list of image meshes in a grid for example) with the ability to be scrollable. Is it possible to create a "scrollable area" inside VRCanvas to be draggable with VR controllers?

[mwmwmw]

I came across this example which might help. https://codesandbox.io/s/mixing-html-and-webgl-w-occlusion-9keg6

It would be pretty handy from a production standpoint too because all of your panels could use HTML/CSS for layout.

I can't say for sure what the performance would be on a Quest 1/2, but it might be a good start?