Frames Rendering to Incorrect Canvas - Multiple Model-Viewers on Page

[cpiggott]

Description

When looking through the Model-Viewer examples page, I ran into an issue when there was more than one Model-Viewer rendered on the page at any time. As I scroll from one example to the next, you'll see in the attached video that the model/scene expected for one instance renders to the other and then bounces back and forth.

Live Demo

See the attached video.

Version

• model-viewer: Whatever is on the examples page: Model-Viewer Example

Browser Affected

• [X] Chrome, version: 122.0.6261.94 (Official Build) (x86_64)
• [ ] Edge
• [ ] Firefox
• [ ] IE
• [ ] Safari

OS

• [ ] Android
• [ ] iOS
• [ ] Linux
• [X] MacOS, version: macOS Version 13.6.1 (Build 22G313) MBP 16", 2019
• [ ] Windows

[elalish]

Ugh, that's bad. I fixed a bunch of stuff like that years ago and haven't ever reproed since. My Macbook is on OS 14.4, but I didn't have the problem back when I was on 13 either. Do you have the same problem on other browsers or machines? Do any earlier versions of MV work properly (some kind of regression)?

[cpiggott]

I haven't had issues until recently, but I don't know when it started. I might have some time later this week to try with a few older versions if I can repro with a local instance.

I'm not seeing the same issue on other browsers, but I am seeing artifacting now on Safari which I haven't seen before.

[elalish]

This is starting to look like a GPU driver issue - is there anything you can update on your system? It should be easy to test older versions by changing the version string here: https://ajax.googleapis.com/ajax/libs/model-viewer/3.4.0/model-viewer.min.js

[cpiggott]

I'll see about updating to 14.4 tonight and report back.

[cpiggott]

Updates solved the issue. Sorry for the false alarm!

[elalish]

Whew! Thanks for letting us know.