221788 2021-02-11 17:20:19 -0800 clip-path does not update dynamically when svg path changes if using GPU rendering 2026-01-04 18:37:45 -0800 1 1 1 Unclassified WebKit SVG Safari 14 Mac (Apple Silicon) macOS 11 RESOLVED CONFIGURATION CHANGED InRadar P2 Normal --- 1 jonathan webkit-unassigned ahmad.saleem792 bfulgham jonathan karlcow sabouhallawa simon.fraser webkit-bug-importer zalan zimmermann oldest_to_newest 1728379 0 420072 jonathan 2021-02-11 17:20:19 -0800 Created attachment 420072 Reproduction document If a CSS clip-path is set to an element that uses a SVG id, changing the "d" component does not update the clip path immediately when the element uses GPU acceleration (via transform:rotateY(0deg). If you resize the window or do something to force redrawing, it will show up correctly. Not using GPU rendering also will make this work. It is not a problem on Chrome/Firefox. I've attached a reproduction case. Click the shape to get the clip path to change. After clicking, do something like resize the window and you'll see it change then. This affects content made with Tumult Hype [https://tumult.com/hype/]. 1728424 1 420082 sabouhallawa 2021-02-11 19:48:31 -0800 Created attachment 420082 reduced test case I think the problem is not related to GPU acceleration or the compositing. I am attaching a reduced test case which does not include any compositing. I think the problem is when the CSS of an element references an SVG "clip-path", the renderer of this element is not registered as client of the RenderSVGResourceContainer of SVG "clip-path". This is already done for any SVG element which references the same SVG "clip-path" but it is not done for any other non SVG element. When the SVG "clip-path" changes, its renderer 'RenderSVGResourceContainer' invalidates all the clients in RenderSVGResourceContainer::markAllClientsForInvalidation(). 1728437 2 jonathan 2021-02-11 20:33:39 -0800 Yes - it looks like you are correct. Removal of the rotateY(0deg) from my example leads to different behavior that lead me to think it was the culprit, but with some additional testing I can see there are ways it still is wrong with that. Your example easily repros it. 1731113 3 webkit-bug-importer 2021-02-18 17:21:13 -0800 <rdar://problem/74501548> 2168836 4 ahmad.saleem792 2026-01-01 17:14:07 -0800 Is this bug reproducible? I am unable to reproduce it on Safari Technology Preview 234 + ToT. @Karl - is it reproducing for you? 2169183 5 karlcow 2026-01-04 18:37:45 -0800 The bug doesn't reproduce after clicking on the change path. It changes it from a square to a triangle. Tested in: Safari Technology Preview 234 21624.1.6 Firefox Nightly 148.0a1 14826.1.4 Google Chrome Canary 145.0.7598.0 7598.0 420072 2021-02-11 17:20:19 -0800 2021-02-11 17:20:19 -0800 Reproduction document clippathbug.html text/html 936 jonathan CjxkaXYgc3R5bGU9InBvc2l0aW9uOiBhYnNvbHV0ZTsgd2lkdGg6IDEwMCU7IGhlaWdodDogMTAw JTsgei1pbmRleDogNjsiIG9ubW91c2Vkb3duPSJjaGFuZ2VwYXRoKCkiPgoJPHN2ZyB3aWR0aD0i MTAwJSIgaGVpZ2h0PSIxMDAlIiBzdHlsZT0icG9zaXRpb246YWJzb2x1dGU7IiBwcmVzZXJ2ZUFz cGVjdFJhdGlvPSJub25lIiB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8y MDAwL3N2ZyIgdmlld0JveD0iMCAwIDY2NCA0MDQiPgoJCTxkZWZzPgoJCQk8Y2xpcFBhdGggaWQ9 ImNsaXBwYXRoIj4KCQkJCTxwYXRoIGlkPSJ0aGVQYXRoIiBkPSJNMTAwIDEwMCBMIDEwMCAzMDAg TCAxMDAgNDAwIEwgMTAwIDQwMCBMIDMwMCAzMDAgWiI+PC9wYXRoPgoJCQk8L2NsaXBQYXRoPgoJ CTwvZGVmcz4KCTwvc3ZnPgo8L2Rpdj4KPGRpdiBzdHlsZT0icG9zaXRpb246IGFic29sdXRlOyB0 b3A6IDBweDsgbGVmdDogMHB4OyB3aWR0aDogMTAwJTsgaGVpZ2h0OiAxMDAlOyBjbGlwLXBhdGg6 IHVybCgmcXVvdDsjY2xpcHBhdGgmcXVvdDspOyI+Cgk8ZGl2IHN0eWxlPSJ0cmFuc2Zvcm06IHJv dGF0ZVkoMGRlZyk7IHdpZHRoOiA2MDBweDsgaGVpZ2h0OiA0MDBweDsgcG9zaXRpb246IGFic29s dXRlOyBiYWNrZ3JvdW5kLWNvbG9yOiB3aGVhdDsiPjwvZGl2Pgo8L2Rpdj4KCgo8c2NyaXB0PgoK ZnVuY3Rpb24gY2hhbmdlcGF0aCgpIHsKCXRoZVBhdGguc2V0QXR0cmlidXRlKCJkIiwgIk0zMDAg MzAwIEwgNDAwIDMwMCBMIDQwMCA0MDAgTCAzMDAgNDAwIEwgMzAwIDMwMCBaIik7CgkKfQoKPC9z Y3JpcHQ+CgpjbGljayBvbiB0aGUgc2hhcGUuIHRoZSBjbGlwIHBhdGggc2hvdWxkIGNoYW5nZSBp bW1lZGlhdGVseSwgYnV0IGl0IGRvZXMgbm90LiBJdCBzZWVtcyB0aGlzIGlzIGR1ZSB0byB0aGUg dHJhbnNmb3JtOnJvdGF0ZVkoMGRlZyku 420082 2021-02-11 19:48:31 -0800 2021-02-11 19:48:31 -0800 reduced test case test021.html text/html 878 sabouhallawa PHN0eWxlPgogICAgLmNvbnRhaW5lciB7CiAgICAgICAgd2lkdGg6IDEwMHB4OwogICAgICAgIGhl aWdodDogMTAwcHg7CiAgICAgICAgYm9yZGVyOiAxcHggc29saWQgcmVkOwogICAgfQogICAgLmJv eCB7CiAgICAgICAgd2lkdGg6IDEwMCU7CiAgICAgICAgaGVpZ2h0OiAxMDAlOwogICAgICAgIGJh Y2tncm91bmQtY29sb3I6IGdyZWVuOwogICAgICAgIGNsaXAtcGF0aDogdXJsKCIjY2xpcHBhdGgi KTsKICAgIH0KPC9zdHlsZT4KPGJvZHk+CiAgICA8ZGl2IGNsYXNzPSJjb250YWluZXIiPgogICAg ICAgIDxkaXYgY2xhc3M9ImJveCI+PC9kaXY+CiAgICA8L2Rpdj4KICAgIDxidXR0b24gb25jbGlj az0iY2hhbmdlcGF0aCgpIj5DaGFuZ2UgUGF0aDwvYnV0dG9uPgogICAgPHN2ZyB2aWV3Qm94PSIw IDAgMTAwIDEwMCI+CiAgICAgICAgPGRlZnM+CiAgICAgICAgICAgIDxjbGlwUGF0aCBpZD0iY2xp cHBhdGgiPgogICAgICAgICAgICAgICAgPHBhdGggaWQ9InRoZVBhdGgiIGQ9Ik01MCwwIEwxMDAs MTAwIEwwLDEwMCBaIj48L3BhdGg+CiAgICAgICAgICAgIDwvY2xpcFBhdGg+CiAgICAgICAgPC9k ZWZzPgogICAgPC9zdmc+CiAgICA8c2NyaXB0PgogICAgICAgIHZhciBjb3VudCA9IDA7CiAgICAg ICAgZnVuY3Rpb24gY2hhbmdlcGF0aCgpIHsKICAgICAgICAgICAgaWYgKCsrY291bnQgJSAyKQog ICAgICAgICAgICAgICAgdGhlUGF0aC5zZXRBdHRyaWJ1dGUoImQiLCAiTTI1LDI1IEw3NSwyNSBM NzUsNzUgTDI1LDc1IFoiKTsKICAgICAgICAgICAgZWxzZQogICAgICAgICAgICAgICAgdGhlUGF0 aC5zZXRBdHRyaWJ1dGUoImQiLCAiTTUwLDAgTDEwMCwxMDAgTDAsMTAwIFoiKTsKICAgICAgICB9 CiAgICA8L3NjcmlwdD4KPC9ib2R5Pgo=