Created attachment 445263 [details]
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"`.
Created attachment 445264 [details]
Screenshot showing the disappeared img
Detected when testing https://bugs.webkit.org/show_bug.cgi?id=233469