Colored quads not rendering on Web

[MaybeMaru]

This has been an issue for some time now.
When using color transforms on draw-quads rendering on HTML5 (for example, using the color value in a FlxSprite), the quad batch sometimes won't render, seemingly at random.
I believe this could be related to the graphics shader uniforms not being set correctly, but I'm not entirely sure.
Here are two videos showing the issue occurring in Flixel 5.8.0 and Flixel 4.11.0 (has been tested to also happen on Flixel 6):

2025-02-02.12-53-21.online-video-cutter.com.mp4

2025-02-02.13-04-50.online-video-cutter.com.mp4

[Geokureli]

I was under the impression that this didn't work on any target, and that the rendering overhaul was supposed to add this.

I think we are due for some changes to rendering, but that means either I need to learn a lot about rendering, or someone else is gonna change flixel's rendering in a way that makes sense to me: a rendering lay-man. Likely both will need to happen

Also, I don't really understand what I'm supposed to see from those videos, It's far more helpful to reproduce the error in a small test project and share that snippet along with detailed expactations

[MaybeMaru]

I was under the impression that this didn't work on any target, and that the rendering overhaul was supposed to add this.

I think we are due for some changes to rendering, but that means either I need to learn a lot about rendering, or someone else is gonna change flixel's rendering in a way that makes sense to me: a rendering lay-man. Likely both will need to happen

Also, I don't really understand what I'm supposed to see from those videos, It's far more helpful to reproduce the error in a small test project and share that snippet along with detailed expactations

Heres a small test state that shows the issue:

package;

import flixel.FlxG;
import flixel.FlxSprite;
import flixel.FlxState;
import flixel.util.FlxColor;

using flixel.util.FlxColorTransformUtil;

class ColorTest extends FlxState
{
	override function create()
	{
		super.create();

		FlxG.camera.bgColor = FlxColor.GRAY;

		for (i in 0...16)
		{
			var sprite = new FlxSprite(i);
			sprite.screenCenter();
			sprite.x += i * 20;
			sprite.color = (i % 4 == 0) ? FlxColor.RED : FlxColor.WHITE;
			add(sprite);
		}
	}
}

What it should look like:

What it currently looks like on HTML5: