[Webkit-unassigned] [Bug 241020] New: 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

            Bug ID: 241020
           Summary: Web Animation, effect easing with 2 keyframes does not
                    yield same result as keyframe easing with 2 keyframes
           Product: WebKit
           Version: Safari 15
          Hardware: Unspecified
                OS: Unspecified
            Status: NEW
          Severity: Normal
          Priority: P2
         Component: Animations
          Assignee: webkit-unassigned at lists.webkit.org
          Reporter: ldebeasi at gmail.com
                CC: dino at apple.com, graouts at apple.com

Created attachment 459813

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

Code reproduction

Using an effect easing with 2 keyframes does not yield the same visual result as using a keyframe easing on the same set of keyframes.

Steps to reproduce:

1. Open the attached code reproduction on Safari (iOS or macOS).
2. Tap "Effect Easing". Observe that the square jumps up in the final frames of the animation.
3. Tap "Keyframe Easing". Observe that the square does not jump up in the final frames of the animation.

Expected Behavior:

I expect the effect easing to produce the same smooth result as the keyframe easing.

Actual Behavior:

The effect easing produces a behavior where the square jumps up in the final frames of the animation.

Other Information:

- I realize effect easing and keyframe easing are different, but in this scenario it seems like they should produce visually equivalent results.
- I cannot reproduce this behavior on Chrome or Firefox.

-- 
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/20220527/4c374561/attachment.htm>