1893845 - Modified Codepen demo draws/leaks across boundaries on page

Status: RESOLVED DUPLICATE of bug 1887837

(Core :: Graphics: WebRender, defect)

Description

[Mayank Bansal]

STR1:
Go to https://codepen.io/thebabydino/pen/QKdWrE
Increase all the "20" to "200" in HTML and CSS code-panes
Make the following changes to the code:
HTML: 20 ->200
CSS: 20->200
Let the demo recompile
AR: The demo bleeds across the demo-pane and code-pane
ER: Not so

STR2:
Open http://xem.github.io/miniCodeEditor/
Copy-paste the attached code in the "Mini" editor
AR: The demo runs and bleeds across the boundary
ER: Not so

Can repro on a build from Jan2021, so Not a recent regression.

Comment 1

[Mayank Bansal]

Attachment: html text for STR2

Comment 2

[Mayank Bansal]

Attachment: about:support

Comment 3

[Mayank Bansal]

Attachment: Video for STR1

Comment 4

[Mayank Bansal]

Attachment: Video for STR2

Comment 5

[Alice0775 White]

FWIW,
Regression window w/ gfx.webrender.all and layout.css.conic-gradient.enabled = true

(STR1, STR2 tab crashed):
https://hg.mozilla.org/mozilla-central/pushloghtml?fromchange=5239d3790008d4052031fe28bea666feb967359e&tochange=5bfe22b4bd0d64b9d105b66b3ed0fcee10d70e93

(STR1, STR2 graphics bleeds)
https://hg.mozilla.org/mozilla-central/pushloghtml?fromchange=e2e130df4e969b6dea71288ee6c617c9bf0e2a98&tochange=0cec40c582f0e90b3690dc3c9fcf8a098d49ca2d

Comment 6

[Mayank Bansal]

Both these got fixed by :
Bug 1887837 - Enable quad conic gradients when the GPU is used. r=gw
Differential Revision: https://phabricator.services.mozilla.com/D212242

Marking a duplicate for easier tracking.