CSS3D "artifacts" in Three.js examples

[tussiez]

Describe the bug

Displaying the Aluminum Oxide molecule in the css3D renderer example sometimes causes stripes and other shapes to be filled outside of the tab in Chrome.

To Reproduce

Steps to reproduce the behavior:

1. Go to the css3D molecules example: https://threejs.org/examples/?q=css#css3d_molecules
2. Click on "Aluminum Oxide"
3. See error

Live example

• https://threejs.org/examples/?q=css#css3d_molecules

Expected behavior

The molecules to render correctly

Screenshots

Platform:

• Device: Lenovo laptop w/ Integrated Graphics
• OS: Windows
• Browser: Chrome 88
• Three.js version: r125

[Mugen87]

It is indeed strange that these artifacts spread over the entire screen (and are not limited to a tab).

I suggest you report this issue to the Chromium bug tracker: https://bugs.chromium.org/p/chromium/issues/list

This issue is unrelated to three.js.

[foolip]

This sounds similar to an issue that @chrishtr was telling me about with artifacts potentially overlapping the omnibox, which @progers has fixed. @tussiez do you see this with Chrome Canary as well? If so it would be great to have a bug filed, as @Mugen87 suggests.

[tussiez]

Yeah, I suspected this was an issue with Chrome itself. I can post a bug report, and I'll check Chrome Canary as well.

On Fri, Feb 12, 2021 at 11:08 AM Philip Jägenstedt notifications@github.com wrote:

This sounds similar to an issue that @chrishtr https://github.com/chrishtr was telling me about with artifacts potentially overlapping the omnibox, which @progers https://github.com/progers has fixed. @tussiez https://github.com/tussiez do you see this with Chrome Canary as well? If so it would be great to have a bug filed, as @Mugen87 https://github.com/Mugen87 suggests.

— You are receiving this because you were mentioned. Reply to this email directly, view it on GitHub https://github.com/mrdoob/three.js/issues/21263#issuecomment-778285551, or unsubscribe https://github.com/notifications/unsubscribe-auth/ALXYLOYEXPRQ5HKYH7NRZBLS6VG7DANCNFSM4XQ2V3FQ .

[progers]

I've filed this at https://crbug.com/1177833. Please star that for updates. I think the triage process will likely dupe this into https://crbug.com/1174186 (sorry, it is temporarily restricted) which has a fix rolling out.

Just a small edit to @foolip's post, all credit for fixing the bug goes to Brian Salomon of the Skia team. I just like the pretty pictures of glitch art.

[mrdoob]

https://crbug.com/1177833 has been fixed 👍

[tussiez]

Nice!

On Thu, Mar 4, 2021 at 4:58 PM Mr.doob notifications@github.com wrote:

https://crbug.com/1177833 has been fixed 👍

— You are receiving this because you were mentioned. Reply to this email directly, view it on GitHub https://github.com/mrdoob/three.js/issues/21263#issuecomment-790974192, or unsubscribe https://github.com/notifications/unsubscribe-auth/ALXYLO4SAOLFY3CTFV3REALTB767VANCNFSM4XQ2V3FQ .