1771911 - Anti-aliasing error when use mask-image in a rotated element

Status: RESOLVED DUPLICATE of bug 1671784

(Core :: Graphics: WebRender, defect)

Description

[Jeroen]

Attachment: Screenshot 2022-05-31 at 14.46.23.png

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

Steps to reproduce:

i've created a div with a linear gradient as mask-image afterwards i've rotated the div 45 degrees

Actual results:

The div is rotated 45 degrees but received a thin grey line, i suppose a anti-alias rendering issue.
See example: https://jsfiddle.net/s0n86zdh/14/

Expected results:

A clean rotated mask image without the thin grey line

Comment 1

[Jeroen]

A better version of the jsfiddle: https://jsfiddle.net/q8srx4nc/

Comment 2

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

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

Comment 3

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

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

For more information, please visit auto_nag documentation.

Comment 4

[Glenn Watson [:gw]]

Most likely a duplicate of https://bugzilla.mozilla.org/show_bug.cgi?id=1671784

Comment 5

[Mayank Bansal]

This is fixed on the latest Nightly. Duping to bug 1671784.