1827455 - SVG rendering in dynamic width element issue

Status: UNCONFIRMED

(Core :: Graphics: WebRender, defect)

Description

[Akos Szabo]

Attachment: Sample to reprudce the rendering issue

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

Steps to reproduce:

I have attached a sample to reproduce the problem. The "area_2.html" needs to be opened and an SVG is rendered. The chart area is striped with white lines. After manually resizing the window the lines disappear and the chart get rendered as it is meant to be.
The problem reproduces in Firefox Windows (v111) and Android (v111.1.1) editions.

Actual results:

After opening the sample SVG there are glitches (vertical white lines) on the chart that disappear after manually resizing the browser window. It seems to be some kind of internal performance optimisation or rendering mode that is turned off after resizing the window. Sadly I did not find any information about such modes or switches that affect rendering precision.

Expected results:

In my view this phenomenon cannot be considered as normal functionality because the problem stops to be present after window resize. The expected result would be rendering without stripes (without manual interaction).

Important aspect: the image shows up fine if the SVG is not embedded in a dynamically resizing element. Somehow embedding in a HTML element with "width: 100%" property is needed to reproduce of the problem.

Comment 1

[Robert Longson [:longsonr]]

Can you create a minimal testcase please. We're probably not really going to look at something that's 86K when compressed.

Comment 2

[Akos Szabo]

Attachment: Minified test case (area_3.html)

Comment 3

[Akos Szabo]

Sure, I quickly created a minified version of the test case. Only left one data series with minimal timespan. Fortunately the problem can be observed even in this small example. The small white lines disappear after even minimal window resizes.

The area_3.html needs to be opened for the test.

Thanks!

Comment 4

[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 5

[Robert Longson [:longsonr]]

Attachment: reporter's testcase

Comment 6

[Robert Longson [:longsonr]]

Attachment: reporter's testcase

Comment 7

[Robert Longson [:longsonr]]

Try a nightly, pretty sure I fixed this.

Comment 8

[Akos Szabo]

Attachment: testcase_problem_reproduced_2023_04_13.png

According to my tests using the latest nightly release (114.0a1 (2023-04-13) (64-bit)) the problem still persists. The lines show up in the sample page (and also in real life situations) and disappear after window resize.

Comment 9

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

The severity field is not set for this bug.
:gw, could you have a look please?

For more information, please visit auto_nag documentation.