1639456 - Gradient rendering issue

Status: RESOLVED FIXED

(Core :: Graphics, defect)

Description

[conrad.congrene]

Attachment: bug1.png

User Agent: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/83.0.4103.61 Safari/537.36

Steps to reproduce:

Create html/css that uses the linear-gradient property:
background: linear-gradient(44.61deg, #7C2654 63%, #DA291C 155%)

Setting "gfx.webrender.all" to true seems to fix the issue, however this is not set to true by default

See https://imgur.com/a/yGuqjFX for 2 examples of the bug and the expected result

Actual results:

Gradient renders with blocks and solid colour

Expected results:

Gradient renders with a smooth gradient

https://imgur.com/a/yGuqjFX

Comment 1

[conrad.congrene]

Attachment: bug2.png

Comment 2

[conrad.congrene]

Attachment: expected.png

Comment 3

[BugBot [:suhaib / :marco/ :calixte]]

Bugbug thinks this bug should belong to this component, but please revert this change in case of error.

Comment 4

[Darkspirit]

Basic and WebRender with Nightly and ESR on KDE, X11, Debian Testing seem unaffected.

Comment 5

[Darkspirit]

Direct3D 11 (Advanced Layers) looks fine, too.

Do you see this bug if you paste
data:text/html;charset=utf-8;base64,PCFkb2N0eXBlIGh0bWw+PGh0bWw+PGJvZHkgc3R5bGU9ImJhY2tncm91bmQ6IGxpbmVhci1ncmFkaWVudCg0NC42MWRlZywgIzdDMjY1NCA2MyUsICNEQTI5MUMgMTU1JSkiPjwvYm9keT48L2h0bWw+
into your address bar?
If not, could you provide a link to the affected website or upload a testcase?
Please also open about:support, click on "copy text to clipboard" and paste it here. Thanks!

Comment 6

[conrad.congrene]

Attachment: about:support

Comment 7

[conrad.congrene]

(In reply to Jan Andre Ikenmeyer [:darkspirit] from comment #5)

Direct3D 11 (Advanced Layers) looks fine, too.

Do you see this bug if you paste
data:text/html;charset=utf-8;base64,PCFkb2N0eXBlIGh0bWw+PGh0bWw+PGJvZHkgc3R5bGU9ImJhY2tncm91bmQ6IGxpbmVhci1ncmFkaWVudCg0NC42MWRlZywgIzdDMjY1NCA2MyUsICNEQTI5MUMgMTU1JSkiPjwvYm9keT48L2h0bWw+
into your address bar?
If not, could you provide a link to the affected website or upload a testcase?
Please also open about:support, click on "copy text to clipboard" and paste it here. Thanks!

i dont see the bug in that above data link, it looks to happen when theres other elements overlapping/involved with the gradient.

the affected website is: https://sicg01mstr91pyvinte.dxcloud.episerver.net/

Comment 8

[conrad.congrene]

Attachment: bug3.png