[Webkit-unassigned] [Bug 241020] Web Animation, effect easing with 2 keyframes does not yield same result as keyframe easing with 2 keyframes

[bugzilla-daemon at webkit.org]

https://bugs.webkit.org/show_bug.cgi?id=241020

--- Comment #3 from Liam DeBeasi <ldebeasi at gmail.com> ---
Created attachment 459886

  --> https://bugs.webkit.org/attachment.cgi?id=459886&action=review

Comparison video

I reproduced this on iOS Safari 15.6 and macOS 12.4.

I attached a side by side comparison. On the left is the (bad) effect easing, and on the right is the (good) keyframe easing.

A few things to notice:

1. When clicking the buttons to start the animation, the effect easing still shows the square on the first frame, whereas the keyframe easing has the square offscreen. (At time t = 3 seconds).
2. This causes the effect easing to be "behind" the keyframe easing. (At t = 8 seconds)
3. At t = 27 seconds, observe that effects are at the same position in their playback. In the video, I press the right arrow key to proceed to the next frame. Observe that the effect easing square jumps up by multiple pixels and is at the end of its playback. Observe that the keyframe easing moves up by fewer pixels than the effect easing did. When I press the right arrow key again, the effect easing does not move at all, but the keyframe easing does.

-- 
You are receiving this mail because:
You are the assignee for the bug.
-------------- next part --------------
An HTML attachment was scrubbed...
URL: <http://lists.webkit.org/pipermail/webkit-unassigned/attachments/20220531/b82808ff/attachment.htm>