Hey, guys.
These two days, I have encountered a problem with CSS3DRenderer. When CSS3DRenderer renders interactive web pages through iframe, there are interactive blind spots at some angles, especially when the visual cone does not contain the rendering div generated by CSS3DRenderer, which has a high probability of occurrence. This never happens when the generated div is at the origin, although you look at the iframe differently.
I tried repositioning this div when the camera position changes so that it appears inside the cone, but it didn’t seem to work, and I couldn’t change the style.transform of this div. This is the only method I can think of, and any suggestions and discussions are welcome.
Finally, here is an example, click the button in the top left corner, at an Angle, although you can see the embedded page, you cannot trigger the scroll event.
https://codepen.io/jouvychen/pen/zYMMyKp