aframe embeded scene with cursor mouse ray-origin

Question

There seems to be a bug with the embedded scene and the option of mouse cursor (cursor='rayOrigin: mouse'), i've put an mouseenter and mouseleave event on a box to change it's size. It works fine as long as the page is contained in the browser, but when the page is "scrollable" the events get messed up ( like showed in the gif, link bellow). I don't know if I messed up somewhere but it seems that it comes from Aframe. There's a link bellow for the github issue ( more details on it).

GIF :

Github Issue : https://github.com/aframevr/aframe/issues/3410

Answer 1

The mouse-cursor component uses the whole window to calculate the position, so You'd have to rewrite it, to utilize the <canvas> for raycasting.

There is a workaround, you can make a fullscreen scene and put it in an <i-frame>, where the window is the iframe's body.

Example here.