1395791 - background-clip: text doesn't repaint on content change

Status: NEW

(Core :: Layout, defect, P3)

Description

[Ryan McCue]

Attachment: clip-render-bug.gif

User Agent: Mozilla/5.0 (Macintosh; Intel Mac OS X 10.12; rv:55.0) Gecko/20100101 Firefox/55.0
Build ID: 20170824053838

Steps to reproduce:

1. Open https://codepen.io/anon/pen/gxqarr (containing element with background-clip: text with changing content)
2. Observe text content of h1 in Inspector
3. Click button
4. Observe updated text content of h1 in Inspector, but same rendered content
5. Select text and observe repaint


Actual results:

Element should have been repainted after content change.


Expected results:

Element was not repainted until mouse interaction.

Comment 1

[Ryan McCue]

(This is reproducible on both FF 55, and Developer Edition (56).)

Comment 2

[Mike Taylor [:miketaylr]]

Note: if you update the codepen demo to include -webkit-background-clip, our behavior matches Chrome.

Comment 3

[Alice0775 White]

Element will be repainted when resize window or zoom in/out. --- that means this is definitely bug.