Webgl 2: How to fix color distortion in alpha blending?

Question

JavaScript

I use webgl 2 I draw
a simple triangle on Canvas, the shader is as simple as possible:

out vec4 Color;
void main(){
    Color = vec4(1, 0, 0, 0.01);
}

I use blending gl.blendFunc(gl.SRC_ALPHA, gl.ONE_MINUS_SRC_ALPHA)
. I expect that after several renders in a row I will get a red triangle
. But in some unexpected way, the triangle that turns red at first turns into a bright blue in an instant.

Here is an example: https://jsfiddle.net/sqfh9eLa/13/
How does it work and what am I doing wrong?

Answer 1

It seems to be a bug of the OperaGx browser, in chrome everything works as expected