[Webkit-unassigned] [Bug 233553] New: Combining CSS clip-path with any property that creates a new stacking context makes img element disappear
bugzilla-daemon at webkit.org
bugzilla-daemon at webkit.org
Mon Nov 29 02:51:37 PST 2021
https://bugs.webkit.org/show_bug.cgi?id=233553
Bug ID: 233553
Summary: Combining CSS clip-path with any property that creates
a new stacking context makes img element disappear
Product: WebKit
Version: WebKit Nightly Build
Hardware: All
OS: All
Status: NEW
Severity: Normal
Priority: P2
Component: CSS
Assignee: webkit-unassigned at lists.webkit.org
Reporter: post at jelmerdemaat.nl
Created attachment 445263
--> https://bugs.webkit.org/attachment.cgi?id=445263&action=review
Demo HTML file showing the bug
Combining CSS a `clip-path: url(#shape)` declaration with any property that creates a new stacking context (like `transform: translate3d(0,0,0)`) makes an <img> element disappear completely. It does take up its space in pixels, but is otherwise invisible.
See attachment or demo link: https://codepen.io/jelmerdemaat/full/MWEgRBQ
Issue does not occur when `transform` is removed.
Issue does not occur when element is a <div> in stead of an <img>.
Note that the SVG shape has an attribute of `clipPathUnits="objectBoundingBox"`.
--
You are receiving this mail because:
You are the assignee for the bug.
-------------- next part --------------
An HTML attachment was scrubbed...
URL: <http://lists.webkit.org/pipermail/webkit-unassigned/attachments/20211129/2edcc994/attachment-0001.htm>
More information about the webkit-unassigned
mailing list