196731 2019-04-09 05:56:24 -0700 clip-path rendering together with transform:matrix3d not Rendering 2019-11-14 15:17:01 -0800 1 1 1 Unclassified WebKit Layout and Rendering Safari 12 All iOS 12 RESOLVED FIXED https://bugs.webkit.org/show_bug.cgi?id=204204 InRadar P2 Major --- 1 krisztian webkit-unassigned armel.larcier ben bfulgham b.houdusse jack laheen simon.fraser wart.claes webkit-bug-importer zalan oldest_to_newest 1525606 0 krisztian 2019-04-09 05:56:24 -0700 Using clip-path:polgyon css settings together with transform:matrix3d() will break rendering of elements in Safari Browser. Tested Version 12.1 (14607.1.40.1.4) and RC Version 12.2 (...79) Made a CodePen Example: https://codepen.io/themepunch/pen/pBNzpY This Example works fine in Chrome and Firefox but not working on Safari any more. Previous version of Safari (Pre version of 12.1) worked smooth and fine ! Hope you guys find a solution. We have over 4 Million Customers / Users going to have issues with it in our Plugin. Cheers, Krisztian from ThemePunch 1525750 1 simon.fraser 2019-04-09 13:49:45 -0700 Looks like dynamic updates fail unless something else triggers a compositing update. 1525752 2 webkit-bug-importer 2019-04-09 13:54:17 -0700 <rdar://problem/49748830> 1525868 3 jack 2019-04-09 21:18:30 -0700 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. 1525984 4 simon.fraser 2019-04-10 09:47:59 -0700 We get StyleDifference::RecompositeLayer but fail to set the setNeedsCompositingGeometryUpdate bit in RenderLayerCompositor::layerStyleChanged 1590257 5 383558 ben 2019-11-14 09:55:10 -0800 Created attachment 383558 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. 1590338 6 simon.fraser 2019-11-14 15:07:37 -0800 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. 1590342 7 simon.fraser 2019-11-14 15:17:01 -0800 This bug is fixed. I spawned bug 204204 for the issue noted in the attachment (which doesn't involve any compositing layers). 383558 2019-11-14 09:55:10 -0800 2019-11-14 09:55:10 -0800 clip-path doesn't update test.html text/html 565 ben PCFkb2N0eXBlIGh0bWw+CjxtZXRhIGNoYXJzZXQ9InV0Zi04Ij4KPHRpdGxlPlRlc3Q8L3RpdGxl PgoKPHN0eWxlPgogIGJvZHkgewogICAgbWFyZ2luOiAwOwogIH0KICBkaXYgewogICAgaGVpZ2h0 OiA1MDBweDsKICAgIGJhY2tncm91bmQ6IGJsYWNrOwogICAgLXdlYmtpdC1jbGlwLXBhdGg6IHVy bCgjY2xpcCk7CiAgfQogIHN2ZyB7CiAgICB3aWR0aDogMDsKICAgIGhlaWdodDogMDsKICB9Cjwv c3R5bGU+Cgo8ZGl2PjwvZGl2PgoKPHN2ZyB2aWV3Qm94PSIwIDAgMSAxIj4KICA8Y2xpcFBhdGgg aWQ9ImNsaXAiIGNsaXBQYXRoVW5pdHM9Im9iamVjdEJvdW5kaW5nQm94Ij4KICAgIDxwb2x5Z29u IHBvaW50cz0iMCwwIDAuNSwwLjUgMSwwIiAvPgogIDwvY2xpcFBhdGg+Cjwvc3ZnPgoKPHNjcmlw dD4KICBjb25zdCBwb2x5Z29uID0gZG9jdW1lbnQucXVlcnlTZWxlY3RvcigicG9seWdvbiIpOwog IGNvbnN0IHBvaW50cyA9ICIwLDAgMC41LDEgMSwwIjsKICBzZXRUaW1lb3V0KCgpID0+IHBvbHln b24uc2V0QXR0cmlidXRlKCJwb2ludHMiLCBwb2ludHMpLCAyMDAwKTsKPC9zY3JpcHQ+Cg==