On Safari parts of the 3D Model stay static

[Bersaelor]

Description

Using modelviewer on Chrome works fine, but in latest Safari only parts of the model change.
Try the this example on Safari vs Chrome:
(The same happens for all our models)

Live Demo

https://grafix-eyewear.com/modell/bloxx-9/

 <model-viewer id="mv" style="width: 100%; height: 400px;" src="https://render.looc.io/grafix/bloxx/bloxx9/1643021268526/bloxx9-1643021268526.glb" ios-src="https://render.looc.io/grafix/bloxx/bloxx9/1643021268347/bloxx9-1643021268347.usdz" alt="3D model GRAFIX eyewear" ar="true" ar-modes="webxr scene-viewer quick-look" ar-status="not-presenting" environment-image="neutral" loading="eager" camera-target="auto -20mm -100mm" max-field-of-view="45deg" auto-rotate="true" camera-controls="true" exposure="0.42" shadow-intensity="0.6" shadow-softness="0.5"></model-viewer>

Version

• model-viewer: v?.?.?

Browser Affected

• Chrome, version: xx.x.xxxx.xx
• Edge
• Firefox
• IE
• Safari

OS

• Android
• iOS
• Linux
• MacOS
• Windows

[samaneh-kazemi]

Hi @Bersaelor, thanks for reaching out. Can you please share two videos of what you see? I'm not able to repro this, but I'm not also quite sure what is the expectation.

However, based on what you're sharing, this sounds like a Safari bug, not a model-viewer.

[Bersaelor]

Here's a video of the problem:

Screen.Recording.2022-05-16.at.21.12.41.mov

Tested on desktop Safari 12.3.1 as well as mobile iOS 15.4.1.

The bug is definitely based on some difference of WebGL implementation between Chrome and Safari, but I don't know enough about why this happens to know whether it's due to an intentional change in Safari's WebGL implementation or a bug on their part.

[elalish]

Wow, yeah that's a bad Safari bug. Firefox and Chrome are working at least. Please file a bug on WebKit. They've been fixing several WebGL things lately; you may want to check the latest dev releases.

[elalish]

Sounds like this is fixed in Safari 15.5: mrdoob/three.js#23730

Please let us know if you can still repro there or not.

[elalish]

Verified in #3327