[Webkit-unassigned] [Bug 217317] New: Incorrectly calculated durations on CSS animation keyframes (iOS14)

[bugzilla-daemon at webkit.org]

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

            Bug ID: 217317
           Summary: Incorrectly calculated durations on CSS animation
                    keyframes (iOS14)
           Product: WebKit
           Version: Safari 14
          Hardware: iPhone / iPad
                OS: Other
            Status: NEW
          Severity: Major
          Priority: P2
         Component: CSS
          Assignee: webkit-unassigned at lists.webkit.org
          Reporter: mathias.wilen at bannerflow.com

Created attachment 410521

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

Video showing incorrect animation

With the iOS 14 update, CSS @keyframe animations' keyframes are no longer correctly calculated.
Any iOS prior to 14 works fine and any other browser also animates correctly in comparison.

This has been tested with:
iOS 13 - iPhone 11 and iPhone 8
Chrome 85 - PC
Firefox 81 - PC
Chrome 85 Mac OS 10.14 and 10.15

JSFiddle reproducing the issue:
https://jsfiddle.net/1ao07ng5/

The problem is probably easiest to spot at the 95% -> 100% keyframe.
Based on a 10s animation, this should last for 0.5 seconds but it's animating for much longer

-- 
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/20201005/2c05409d/attachment.htm>