Quick Look not working on iOS when model viewer is used inside iframe

[kbs1]

Quick look opens on iPhone, but model never loads. All works properly when iframe is not used. Iframe code:

<iframe src="...page with model-viewer 3.x..." style="border:0 none;width:150px;height:150px" allowvr="yes" allow="xr-spatial-tracking; accelerometer; magnetometer; gyroscope; camera; autoplay" allowfullscreen="yes" allowtransparency="true"></iframe>

Is this expected to work, or are the any workarounds?

[elalish]

I think that should work, but iOS Safari has some strange bugs. Do you see anything in the JS console?

[kbs1]

Thank you for the clarification. I've connected the debugger and iframe was not the issue, it's the GLB model itself:

[Warning] THREE.USDZExporter: Unsupported material type (USDZ only supports MeshStandardMaterial)

We have USDZ files so we will pass them as ios-src to ensure Quick look can always be used.