1652800 - Fixed position gradient fill text not immediately painting and not scrolling

Status: UNCONFIRMED

(Core :: Web Painting, defect, P3)

Description

[argyle]

Attachment: firefox-fixed-gradient-fill-text.mp4

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

Steps to reproduce:

https://codepen.io/argyleink/pen/wvMxEXM

Scroll the above demo

Actual results:

Text didn't scroll and required highlighting or double clicking to paint

Expected results:

Text should scroll and be a mask revealing a fixed position background gradient

Comment 1

[Michal Čaplygin [:myf]]

Likely related to background-clip: text and as such to bug 1313757

Comment 2

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

Bugbug thinks this bug should belong to this component, but please revert this change in case of error.

Comment 3

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

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

For more information, please visit auto_nag documentation.

Comment 4

[Matt Woodrow (:mattwoodrow)]

Thanks for this!

Unfortunately we have nobody working on background-clip:text right now, and the original author isn't around any more.

I've created a meta bug for the large list of issues, will see if we can find someone to take a look.