A-frame examples do not render through an iframe in Chrome
Nobody has claimed this yet.
- Dominant language
- JavaScript
- Stars
- 17.6k
- Forks
- 4.4k
- PR merge metrics
- No merged PRs in 30d
Description
A-frame examples do not render in Chrome, because the examples are loaded through an iframe. Chrome does not allow child frames to receive focus for retrieving device information through the WebVR APIs. However, you can explicitly give focus to a child frame (ie. iframe.focus()) to get focus and start rendering the scene.
The Chrome team discusses their reasoning here (https://bugs.chromium.org/p/chromium/issues/detail?id=817454).
- A-Frame Version: All
- Platform / Device: Chrome Canary, 66.0.3356.0, Chrome Beta 65.0.3325.85, Chrome 64.0.3282.137 / Samsung S8
- Reproducible Code Snippet or URL: https://aframe.io/examples/showcase/helloworld/
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
Reproduce the issue at the linked helloworld example in Chrome and inspect how the examples are loaded through an iframe. Verify the reported focus behavior against the WebVR API restriction; done means the A-Frame scene renders in Chrome when opened through the iframe.
Written by the indexing model from the issue text.
Assessment
- Tech stack
- javascript
- Domain
- ar-vr-xr, frontend
- Issue type
- Bug
- Difficulty
- 3/5
- Estimated time
- 1-2 days
- Activity status
- Stale
- Clarity
- Mostly clear
- Newbie friendliness
- 35/100