152504 2015-12-22 08:52:39 -0800 Pausing not showing current frame, when multiple animations are defined for same CSS selector - Safari only 2023-05-10 10:36:23 -0700 1 1 1 Unclassified WebKit Animations Safari 9 Mac OS X 10.10 RESOLVED CONFIGURATION CHANGED InRadar P2 Normal --- 1 mrgiba webkit-unassigned dino graouts mrgiba simon.fraser thorton webkit-bug-importer oldest_to_newest 1150892 0 mrgiba 2015-12-22 08:52:39 -0800 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." 1151120 1 simon.fraser 2015-12-23 12:21:42 -0800 (In reply to comment #0) > 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/ I can reproduce, thanks the test case. > According to the CSS Animation specification > (http://www.w3schools.com/css/css3_animations.asp), an animation that didn't w3schools.com :| 1151122 2 mrgiba 2015-12-23 12:26:55 -0800 Wrong link to CSS animations spec... The correct one is http://www.w3.org/TR/css3-animations/ My appologies 1227785 3 ap 2016-09-08 14:00:47 -0700 <rdar://problem/28213692> 1235702 4 simon.fraser 2016-10-01 21:32:25 -0700 Trivially, this is just about pausing an animation that hasn't started yet (pause before the delay time). 1235705 5 simon.fraser 2016-10-01 21:57:06 -0700 In AnimationBase::getElapsedTime() we have to handle the case where m_startTime == 0 but m_pauseTime is non-zero. 1954373 6 graouts 2023-05-10 10:36:23 -0700 This now behaves as expected.