Run clip-path animations on the compositor 
https://bugs.webkit.org/show_bug.cgi?id=185816
Summary Run clip-path animations on the compositor
Jake Archibald
Reported 2018-05-21 00:53:10 PDT
http://output.jsbin.com/ticeve/quiet - this is a CSS animation. If you hit the 'jank' button (which causes the event loop to block), the reveal/hide part of the animation stutters. It's common in UI for a transition to include scale/translation, but also some kind of revealing/hiding. The former is easy to do entirely on the compositor, and avoid any kind of main thread jank, but the latter isn't. You can kinda work around it by translating an element within an element that's overflow:hidden, but it gets complicated fast. Ideally clip-path would work entirely on the compositor, and not jank like the demo page.
Attachments
Add attachment proposed patch, testcase, etc.
Simon Fraser (smfr)
Comment 1 2019-10-21 10:46:25 PDT
Clip-path changes don't trigger repaints, but we don't run them in the compositor. I'd have to see how to map them to CoreAnimation APIs.
Brent Fulgham
Comment 2 2022-07-15 13:43:47 PDT
Feature Request
Radar WebKit Bug Importer
Comment 3 2022-07-15 13:43:49 PDT
<rdar://problem/97091889>
Note You need to log in before you can comment on or make changes to this bug.