Draw issues with sampled RenderBuffers (1.4, Windows 11)

[keithlostracco]

I noticed a couple of issues with a particular site. I first noticed it my GPUDriver then I verified the same issues in the Sample8 web browser.

1.4 latest
Windows 11
NVidia RTX GPU

The first issue is that a semi-circular progress type item first get's drawn black but then if you scroll down the page far enough it then draws it as white - where if you load the same page in another browser the wheel displays a gradient.

The circle also appears to be slightly sliced off at the the top and bottom.

There is also another issue where a circular background gradient is drawn (first rendered) - the whole geo appears to be slightly skewed.

Finally there is a 4th issue (only in the sample browser not in my driver) where if you vertically scale the window it will flicker black and if you get it just right it will stay black at certain vertical resolutions.

I could split these into different issues if need be but since they were all the same page I figured I would put them in one post for now.

To build and load the page with npm run:
npm create qwik@latest
When the builder asks what type of project choose Playground App (Qwik City + Qwik)
Then go into the app directory and run npm start

Other packages managers can be used as well, see the quick start page if needed: https://qwik.dev/docs/getting-started/

Ultralight

Chrome: