[Webkit-unassigned] [Bug 258134] New: iOS 17 playing animation in reverse not working in keyframes are same as previous animation

[bugzilla-daemon at webkit.org]

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

            Bug ID: 258134
           Summary: iOS 17 playing animation in reverse not working in
                    keyframes are same as previous animation
           Product: WebKit
           Version: Safari 17
          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 466701

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

Code reproduction

Playing an animation in reverse does not work in iOS 17 if the reversed keyframes are the same as an existing animation applied to the same element.

Steps to reproduce:

1. Open code reproduction on an iOS 17 device.
2. Tap "Run Accelerated Test". Observe that the element translates from 0px to 100px, jumps back to 0px, and then jumps to 100px.

Expected Behavior:

I expect that the square will smoothly translate from 0px to 100px, jump back to 0px, and then smoothly translate to 100px.

Actual Behavior:

The square jumps to 100px after jumping back to 0px.


Other Information:

- This looks similar to https://bugs.webkit.org/show_bug.cgi?id=257861. I wasn't sure if they were the same, so feel free to merge the two threads if they are.
- This works as expected on iOS 16.
- This works as expected on Chrome and Firefox for macOS.
- This seems to only impact accelerated animations. Tapping "Run Non-Accelerated Test" does not reproduce the issue using margin-left.
- Running the second set of keyframes from 0px to 100px without using "direction: 'reverse'" yields the expected behavior. You can try this using the "Run Accelerated Test Without Reversing" button.

-- 
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/20230615/c238c61f/attachment.htm>