model-viewer through iFrame

[ZackARC-solutions]

I have built a designer which uses AR to show what people have designed.

I use model-viewer and have tested it hosted on my site through an iFrame, where it all works correctly.
I have now tested it on a clients website and got the following errors -

model-viewer.js:54599 Request to present in WebXR denied:
supportsPresentation @ model-viewer.js:54599

DOMException: Failed to execute 'isSessionSupported' on 'XRSystem': Access to the feature "xr" is disallowed by permissions policy.
at ed.supportsPresentation (https://unpkg.com/@google/model-viewer@1.9.2/dist/model-viewer.min.js:794:2614)
at HTMLElement.[selectARMode] (https://unpkg.com/@google/model-viewer@1.9.2/dist/model-viewer.min.js:1248:18797)
at HTMLElement.update (https://unpkg.com/@google/model-viewer@1.9.2/dist/model-viewer.min.js:1248:18371)
at HTMLElement.performUpdate (https://unpkg.com/@google/model-viewer@1.9.2/dist/model-viewer.min.js:134:6637)
at HTMLElement._enqueueUpdate (https://unpkg.com/@google/model-viewer@1.9.2/dist/model-viewer.min.js:134:6289)

Falling back to next ar-mode

I have used the same code for the iFrame - they are using Elementor / Wordpress. Is this a common problem?

[elalish]

You need to specifically grant the iframe XR permissions with xr-spatial-tracking: https://modelviewer.dev/examples/augmentedreality/#ar