1929239 - Demo at https://codepen.io/amit_sheen/pen/NWJpMPE?editors=1100 does not work in Nightly

Status: NEW

(Core :: Layout, defect)

Description

[Mayank Bansal]

Go to https://codepen.io/amit_sheen/pen/NWJpMPE?editors=1100

AR: Nothing is drawn on the screen
ER: It should, liek Chrome

This does not work on a build from Jan2023, so not a new regression.
If you put
var spanCount = 3; in the HTML pug area, the demo works.

Comment 1

[Mayank Bansal]

Attachment: about:support

Comment 2

[Jonathan Kew [:jfkthame]]

(In reply to Mayank Bansal from comment #0)

Go to https://codepen.io/amit_sheen/pen/NWJpMPE?editors=1100

If you put
var spanCount = 3; in the HTML pug area, the demo works.

Works partially, at least for me: only two of the spans are rendered, not all 3. Similarly with spanCount = 4 or 5. And more than that, again nothing renders.

Comment 3

[Jonathan Kew [:jfkthame]]

This seems to be related to the use of background-image and background-clip: text to fill the spans of text with a gradient. If I fork the codepen and just use a simple text color instead (this was present in the original version, but commented out and replaced with the gradient), all the text renders as expected: https://codepen.io/jfkthame/pen/BaXvrvZ?editors=1100