I'm trying to try an A-Frame demo on my iPhone. However, every time I press the VR mode button on one of the A-Frame examples and shift my device to the portrait orientation, the screen goes either black or grey depending on the scene setting.
The test setup I've tried is as follows:
- A-Frame v1.3.0
- iPhone 13 mini (iOS 15.6)
- Latest Safari, Google Chrome, and Firefox browsers
A-Frame view before rotating the device
The line of code where it seems to produce the error
I did look into other stackoverflow posts like below: A-Frame Video out of Multiple Shows Up as Black Screen only on Mobile but all of them are either about video rendering or much older A-Frame versions.
I'd really appreciate it if anyone could guide me on this.