1805715 - SVG image shows dark edges

Status: NEW

(Core :: Graphics: ImageLib, defect, P3)

Description

[mnj1004]

Attachment: svg-image-issue.html

User Agent: Mozilla/5.0 (Windows NT 10.0; Win64; x64; rv:108.0) Gecko/20100101 Firefox/108.0

Steps to reproduce:

• Start Firefox and open attached HTML file.
• Change zoom level with menu button or ctrl + wheel scroll.

Actual results:

When zoom level is changed, dark edges are randomly displayed around SVG image.

Expected results:

Dark edges should not appear.

Comment 1

[mnj1004]

Attachment: dark_edges.png

SVG image itself is grey without any outline but dark edges are displayed around the image.

Comment 2

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

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

Comment 3

[Alice0775 White]

Regression window:
https://hg.mozilla.org/integration/autoland/pushloghtml?fromchange=cddcdc46d3484be662cc56ceefe6b282481ca115&tochange=950227a483519fe71798772a0996c02dec2125f1

Comment 4

[Alice0775 White]

Setting gfx.webrender.svg-images to false fix the issue.

Comment 5

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

:nical, since you are the author of the regressor, bug 1686654, could you take a look? Also, could you set the severity field?

For more information, please visit auto_nag documentation.

Comment 6

[Nicolas Silva [:nical]]

It looks like the image is rendered with anti-aliasing on the edges but in the opaque pass instead of the alpha pass which causes the edge artifacts.