Safari doesn't clear buffer, while chrome does.

[roelvanhintum]

Rendering in Safari doesn't clear the frame for each render, causing clutter.
Some more testing revealed that it's just on macs with the "Intel Iris Pro 1536 MB".

You can edit for small-test.
https://jsfiddle.net/z0zd711z/

Three.js version

• r88

Browser

• All of them
• Chrome
• Firefox
• Internet Explorer
• Safari (really just on MacOS, iOS is fine)

OS

• All of them
• Windows
• macOS
• Linux
• Android
• iOS

Hardware Requirements (graphics card, VR Device, ...)

Graphics: Intel Iris Pro 1536 MB

[Mugen87]

Are you on the newest OS X version? AFIAK, on Mac OS graphics driver are automatically upgraded by upgrading to a newer version of the operating system.

Independently, i'm not sure if the three.js issue section is the right place for this bug. This seems to be a driver related/OS specific problem. You should submit a bug report to Apple: https://developer.apple.com/bug-reporting/

[roelvanhintum]

Yes, i'm runnig High Sierra (10.13 (17A405)).

The weird thing is that some examples are running normal. I just couldn't find why.

[Mugen87]

🤔

[Mugen87]

I'm also on High Sierra (10.13.1) and can't reproduce with Safari (11.0.1). However, i have an AMD GPU.

[mrdoob]

/ping @grorg @kenrussell

[roelvanhintum]

@Mugen87 I did test this on other macs and it's just the ones with a "Intel Iris Pro 1536 MB", so far. One of the machines is a iMac (21.5-inch, Late 2013).

[johanhenrikssn]

Can confirm this on High Sierra (10.13.1) with Safari (11.0.1) with Intel Iris Pro 1536 MB. I have a MacBook Pro (Retina, 15-inch, Late 2013) with a discrete graphics card in it as well (NVIDIA GT 750M), and when manually switching between both of them, its only occurring when on Intel Iris Pro.

[oleksmarkh]

Can also confirm for the following configuration:

• MacBook Pro (Retina, 13-inch, Early 2015)
• Intel Iris Graphics 6100 1536 MB
• macOS High Sierra v10.13.1
• Safari v11.0.1 (13604.3.5)

Occurred after updating to High Sierra.
Only happens when renderer has antialias set to false.

[kenrussell]

Whatever the bug was, Apple seems to have fixed it in 10.13.2. Your fiddle works correctly in the 10.13.2 beta.

You might want to sign up for Apple's beta program so you can try early-access OS releases and report bugs earlier. It seems that several graphics driver bugs were introduced in 10.13 and we're still working on getting to the bottom of all of them. Happy to help highlight bugs to Apple. Reduced test cases are especially appreciated.

[grorg]

We got similar reports about this. I'm not sure what went wrong - I don't think it was a WebKit issue because I tried various versions of Safari on this exact hardware and didn't see an issue. I'm glad to hear it has been resolved.

[filidutten]

Can confirm that this is located to Safari 11.0.1 on High Sierra, works fine on Safari 11.0.1 on Sierra. However it's not resolved and haven't found a work-around for it

[roelvanhintum]

Solved it for now with @AkeluX 's suggestion of adding a transparent plane behind the scene.
NASAWorldWind/WebWorldWind#379 (comment)

example: https://jsfiddle.net/z0zd711z/3/