[Webkit-unassigned] [Bug 152504] New: Pausing not showing current frame, when multiple animations are defined for same CSS selector - Safari only

[bugzilla-daemon at webkit.org]

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

            Bug ID: 152504
           Summary: Pausing not showing current frame, when multiple
                    animations are defined for same CSS selector - Safari
                    only
    Classification: Unclassified
           Product: WebKit
           Version: Safari 9
          Hardware: Macintosh
                OS: Mac OS X 10.10
            Status: NEW
          Severity: Normal
          Priority: P2
         Component: Animations
          Assignee: webkit-unassigned at lists.webkit.org
          Reporter: mrgiba at bol.com.br
                CC: dino at apple.com

Define two or more animation names for the same CSS selector, making sure the delay for each animation is higher than the duration of the previous animations

When the series of animations start, a pause always displays the last frame of the last animation, rather than the current frame of the current animation


A running example that surfaces the issue, having a series of three animations to change the background color

https://jsfiddle.net/mrgiba/qtco0dcr/


According to the CSS Animation specification (http://www.w3schools.com/css/css3_animations.asp), an animation that didn't start should not have any effect in the screen:

"An animation does not affect the computed value before the application of the animation, before the animation delay has expired, and after the end of the animation."

-- 
You are receiving this mail because:
You are the assignee for the bug.
-------------- next part --------------
An HTML attachment was scrubbed...
URL: <https://lists.webkit.org/pipermail/webkit-unassigned/attachments/20151222/989b094a/attachment.html>