Open SiggyF opened 1 year ago
Versions up to 0.49 gave the correct result in chrome.
I would be happy to dig into the code to find a solution. I could need some advice on the best approach to debug the shaders. I assume it is an issue with pre-multiplying alpha in the image source / raster layer code. It could possibly be caused by the reuse of a framebuffer or a missing clear of the canvas. A bug in Chrome is also a plausible cause, but the older version 0.49 did work, so that would not be my first approach.
I did see the contributor docs and found the debug pages that I could test this issue with.
mapbox-gl-js version: 2.14.1
browser: Chrome 112.0.5615.49
Steps to Trigger Behavior
Link to Demonstration
https://codepen.io/SiggyF/pen/jOeqRZO
Expected Behavior
Video should show aliased transparent circles. All colored rectangles should be half transparent
Actual Behavior
Video shows inconsistent transparency (black colours are transparent, white is opaque). Transparency flickers while moving (both in Firefox as in Chrome).
It might be related to #2216, which was a browser issue.
Incorrect display in Chrome
Correct display in Firefox (while not moving)