1774457 - foreignObject with conic-gradient is not rendered in svg

Status: NEW

(Core :: Graphics: WebRender, defect)

Description

[stefan.kusterer]

Attachment: contains files to reproduce the probelm (test.html, test.css) and two screenshots

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

Steps to reproduce:

test.html (see attached zip) is not rendered properly by Firefox 101.0.1 (64-bit) on Windows 11

Actual results:

the foreignObject is not visible because the conic-gradient that is defined for #gauge-face-background in test.css is not rendered (see Screenshot Firefox.png)

Expected results:

The page should be rendered as shown in Screenshot Chrome.png.
This error does not occur with Firefox on iOS.

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

[Nicolas Silva [:nical]]

WebRender gradient primitives aren't used in this case (only blob image).