Weird rendering of objects in threejs but not in blender

I’m having an issue where the screen object is always rendering above the windows bar, this doesn’t happen in blender and doesn’t happen with any of the other objects that are above the scree.


As you can see it’s working fine in Blender

But in Threejs it seems it’s rendering wrong

I think you’ll need to share more than screenshots to get help on this one, please see How to create a Minimal, Reproducible Example - Help Center - Stack Overflow.

In the meantime you might try making sure that alpha blending is disabled (“opaque”) anywhere it isn’t needed, and that your camera’s near/far values are bounding the scene reasonably tightly.

Thank you! I actually opened another ticket with more information (should’ve closed this one really). However I checked everything you mentioned and nothing fixed it.