VR mode not working in iOS 14 with A-Frame 1.1.0
Nobody has claimed this yet.
- Dominant language
- JavaScript
- Stars
- 17.6k
- Forks
- 4.4k
- PR merge metrics
- No merged PRs in 30d
Description
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.
- Open url in Safari on an iPhone iOS 14.2.
- Turn iPhone sideways into landscape mode.
- Tap "VR" button to switch into VR mode.
- 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>
Contributor guide
First steps
- Read the whole issue, then the project's contributing guide.
- Comment on the issue to say you are picking it up — it saves two people doing the same work.
- Fork the repository and make your change on a branch.
- Open a pull request that references the issue number.
Research direction
Start by reproducing the linked Glitch scene in Safari on an iPhone running iOS 14.2, using A-Frame 1.1.0 and then 1.0.4 for comparison. Investigate the VR-mode behavior when looking far left and right; done means the trees, ground, models, and other scene elements remain visible in both directions.
Written by the indexing model from the issue text.
Assessment
- Tech stack
- javascript
- Domain
- computer-graphics, mobile-dev, web-dev
- Issue type
- Bug
- Difficulty
- 4/5
- Estimated time
- 3-5 days
- Activity status
- Stale
- Clarity
- Mostly clear
- Newbie friendliness
- 35/100