VR mode not working in iOS 14 with A-Frame 1.1.0

[primaryobjects]

Description: When using A-Frame Version 1.1.0 and switching into VR mode (Google Cardboard) on iPhone iOS 14.2, images permanently disappear as you look far left or right. This includes .obj and .gltf models, as well as a-sky and a-plane elements.

A workaround is to use A-Frame 1.0.4, which functions correctly on iOS 14.2.

Example scene. Source code.

1. Open url in Safari on an iPhone iOS 14.2.
2. Turn iPhone sideways into landscape mode.
3. Tap "VR" button to switch into VR mode.
4. View scene with trees, and turn the iPhone far left and then right again. Notice trees and ground disappear.

Solution: Replace A-Frame 1.1.0 with 1.0.4.

<!--<script src="https://aframe.io/releases/1.1.0/aframe.min.js"`></script>-->
<script src="https://aframe.io/releases/1.0.4/aframe.min.js"></script>

[patrick-roberts]

Had a similar issue with version 1.2.0 in VR mode on the latest iOS Safari. Some objects permanently disappear when their left edge hits the left edge of the view. Switching to 1.0.4 fixed it.

[peka7777777]

Same issue noticed in v1.2.0 in iOS, switching back to 1.0.4 does indeed fix it but it would be better to have it working in the latest versions as well!

[pwais]

+1 switching to 1.0.4 fixes for me

[nick-ye]

How can this issue be resolved in versions 1.0.4 and above?

I have tried 1.1~1.42 and still have this issue on IOS 16,

Can IOS only use version 1.0.4?