1774527 - banding in css linear gradient

Status: RESOLVED DUPLICATE of bug 627771

(Core :: Graphics: WebRender, defect)

Description

[muniyakumar3]

Attachment: Screen Shot 2022-06-16 at 10.57.33 AM.png

User Agent: Mozilla/5.0 (Macintosh; Intel Mac OS X 10_15_7) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/102.0.0.0 Safari/537.36

Steps to reproduce:

User Agent: Mozilla/5.0 (Macintosh; Intel Mac OS X 10.15; rv:101.0) Gecko/20100101 Firefox/101.0

We facing issue in css linear gradient graphical view.

Actual results:

Gradient color shows with patches in firefox alone. we tried multiple colors, facing same in all color values. Even we can reproduce issue in google color picker.

FYR: https://jsfiddle.net/Ragu1995/kdhn2gtj/1/

Kindly check attached link in both chrome and firefox. we can compare difference between smooth gradient and gradient with patches

Expected results:

We should expect smooth gradient like other browsers.

Comment 1

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

The Bugbug bot thinks this bug should belong to the 'Core::Graphics: WebRender' component, and is moving the bug to that component. Please correct in case you think the bot is wrong.

Comment 2

[Mayank Bansal]

Attachment: Standalone testcase_bug1774527.html

Comment 3

[Mayank Bansal]

This is not a recent regression. A nightly from 2020 also repros this bug.