[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