Summary: | clip-path rendering together with transform:matrix3d not Rendering | ||||||
---|---|---|---|---|---|---|---|
Product: | WebKit | Reporter: | Krisztian <krisztian> | ||||
Component: | Layout and Rendering | Assignee: | Nobody <webkit-unassigned> | ||||
Status: | RESOLVED FIXED | ||||||
Severity: | Major | CC: | armel.larcier, ben, bfulgham, b.houdusse, jack, laheen, simon.fraser, wart.claes, webkit-bug-importer, zalan | ||||
Priority: | P2 | Keywords: | InRadar | ||||
Version: | Safari 12 | ||||||
Hardware: | All | ||||||
OS: | iOS 12 | ||||||
See Also: | https://bugs.webkit.org/show_bug.cgi?id=204204 | ||||||
Attachments: |
|
Description
Krisztian
2019-04-09 05:56:24 PDT
Looks like dynamic updates fail unless something else triggers a compositing update. Yep, here's another test case that clearly shows the problem: https://codepen.io/GreenSock/pen/f71dd9859235aaf4ade113e9ab4cbf8d?editors=0010 This also seems to affect CSS-based transitions/animations. We get StyleDifference::RecompositeLayer but fail to set the setNeedsCompositingGeometryUpdate bit in RenderLayerCompositor::layerStyleChanged Created attachment 383558 [details]
clip-path doesn't update
After 2s, the triangle created with clip-path is supposed to be updated, but it won't repaint until you resize the browser or manually force a reflow. There's no need to apply a transform to trigger the issue.
https://codepen.io/GreenSock/pen/f71dd9859235aaf4ade113e9ab4cbf8d?editors=0010 and https://codepen.io/themepunch/pen/pBNzpY both work for me in recent Safari Tech Preview. The attachment shows a different issue. This bug is fixed. I spawned bug 204204 for the issue noted in the attachment (which doesn't involve any compositing layers). |