PDA

View Full Version : [CLOSED] Objects jump to next-to-last keyframe at the end of the animation



jrboddie
27 Jun 2011, 8:25 AM
I find that in Safari 5.0.5 that when the last keyframe is reached, objects jump to the previous (next-to-last) keyframe position.

This behavior does not happen with Chrome 12.0. That is, the objects stay at the last keyframe position.

(BTW, it would be helpful if you would add an 'Help > About' menu to show the version number.

arnebech
27 Jun 2011, 8:55 AM
Are you on Windows? I think the Windows version of Safari is not quite up to spec compared to the OS X version. We are considering workarounds.

The about panel is coming.

Thanks for the feedback!

jrboddie
27 Jun 2011, 9:05 AM
Yes. Windows. Just tried Safari mobile browser on iPod Touch device. This also works correctly.

Thanks for the quick response.

hanshorte
16 Jul 2011, 3:08 AM
Got the same problem with Safari 4.0.4 running on intel mac, I guess its an older Safari browser thing:)

megaDoug
3 Aug 2011, 10:21 AM
I have same problem on mac safari 5.0.4
plays ok on mac safari 5.1

my first sencha animation that jumps back at end:
http://www.megadoug.com/sencha/

Any workarounds (mess w/ the generated code) to broaden the browser base animations will work on?

arnebech
3 Aug 2011, 10:49 AM
Firefox 5 has some animation support. I haven't had much time to play around with Firefox 5 yet, but from what I understand you would need to duplicate all the css with -webkit prefix and add a -moz prefix. You would also need to replace any translate3d, scale3d with their 2d equivalents (translate(x,y) or translateX() translateY() etc..) used with the -moz-transform.

megaDoug
3 Aug 2011, 11:07 AM
Thanks much for the ideas
Yes the webkit-only publishing is something I hope changes soon.

But safari 5.0.4 is webkit, so any ideas what in the generated code could be causing the jump-back-from-last-frame in safari 5.0.4?

Thanks again
--Doug

arnebech
3 Aug 2011, 12:20 PM
It's probably a bug in that version of Safari/Webkit. My guess is that it is related to the "fill-mode" css property that is responsible for keeping the last animation keyframe styles active even after the animation finishes.

As for fixing it, you could try to apply the last keyframe styles to the elements directly (in the generated code) and see if that works for you.