clip-path is applied to box-shadow
Categories
(Core :: SVG, defect)
Tracking
()
People
(Reporter: ialexi.bl, Unassigned)
Details
Attachments
(1 file)
|
522 bytes,
text/html
|
Details |
User Agent: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/87.0.4280.88 Safari/537.36 Edg/87.0.664.66
Steps to reproduce:
I created a div element with clip-path and box-shadow. Clip path referred to a clipPath in inline SVG that was embedded into the same page as this div. It defined a polygon with clipPathUnits="objectBoundingBox".
Actual results:
clip-path worked as if box-shadow was a part of the div. A part of shadow was visible and the rest was clipped by the clip-path.
Expected results:
clip-path should have been only applied on the div itself, no shadow should have been visible at all. It should have rendered the same way as if box-shadow property hadn't been present.
|
||
Comment 1•5 years ago
|
||
Bugbug thinks this bug should belong to this component, but please revert this change in case of error.
|
||
Comment 2•5 years ago
|
||
Mozilla/5.0 (Windows NT 10.0; Win64; x64; rv:84.0) Gecko/20100101 Firefox/84.0
Hi,
I have managed to reproduce the issue in release 84.0.2, beta 85.0b6 and latest nightly 86.0a1 (2021-01-07). The issue is also reproducible in Fx70 (build id: 20190804214813).
The issue is not reproducible on Chrome.
Thanks for the report.
Description
•