1791278 - clip-path: polygon fails to completely clip transformed element

Status: RESOLVED DUPLICATE of bug 1671784

(Core :: SVG, defect)

Description

[webstrand]

Attachment: rendering of the linked codepen

I used clip-path: polygon(...) to clip off half of an element that was transformed by rotation.

Steps to reproduce:
(1) Visit https://codepen.io/webstrand/pen/bGMqzVd
(2) Observe the differences between the three clipped squares

Actual Results:
The clipped section of the non-rotated div has no red outline
The clipped section of the rotated div has a red outline
The clipped section of the rotated div with transform-style: preserve3d parent has no red outline.

Expected Results:
All three red squares should have no outline around the clipped region

Additional Information:
I was not able to reproduce this issue on Android with Firefox Nightly/106.

Comment 1

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

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

Comment 2

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

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

For more information, please visit auto_nag documentation.