1848068 - Gradient does not appear on SVG image generated with HTML unless it is zoomed in on.

Status: NEW

(Core :: Layout, defect)

Description

[mike9377mike9377]

Attachment: incorrect display.png

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

Steps to reproduce:

I went to this page:
https://github.com/M-Valentino

I looked at the image that says "Hi, I'm Mark Valentino, and I'm a web developer".
I am using the MacOS Monterey version of Firefox.

Actual results:

I noticed the gradient on the text didn't appear until I zoomed in.

Expected results:

The gradient should have appeared.

Comment 1

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

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

Comment 2

[Alice0775 White]

I can reproduce the issue on Nightly118.0a1 Windows10.
Interestingly, when reduce browser window width or when the same page (https://github.com/M-Valentino) is opened in new tab after another, the gradient sometimes appears.

Comment 3

[Robert Longson [:longsonr]]

The SVG contains a foreignObject and the linear gradient is actually on a HTML element as background-image: -webkit-linear-gradient(270deg, #000000 0%,#3b4aa3 23%,#879cd6 39%,#d2e3fc 59%,#59402e 61%,#d68645 75%,#daa665 86%)

Comment 4

[Timothy Nikkel (:tnikkel)]

I tested on macos monterey and the gradient appeared for me.

Comment 5

[David Shin[:dshin]]

Intriguing - I can reproduce this on both Ubuntu 20.04 and Windows 10, but the frequency of occurrence is inconsistent - I've seen 5+ consecutive occurrences of the correct behaviour at one point doing Ctrl+F5 reloads.

Comment 6

[Timothy Nikkel (:tnikkel)]

As mentioned the text is inside an svg image, we have some know bugs about invalidation in svg images (bug 1805599), although we might not be invalidating in this image. The testcase also uses background-clip: text, we also have bugs with that, one that might be related bug 1395791.

Comment 7

[Timothy Nikkel (:tnikkel)]

By reloading a lot, I can reproduce at least as far back as 2021-01-01.

Comment 8

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

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

For more information, please visit BugBot documentation.