"Flicker" on animation complete on iOS

[ddcast]

I've been developing a custom jQuery carousel for a private client and wanted to try integrating this enhanced animate method so the carousel animations would function smoothly in iOS..

The problem comes when I invoke an animation -- I get a slight flicker on animation complete. On complete, I append elements to the tail end of the container that is being animated and then manipulate its "left" css property to reset its slide position. Now, I know it would make sense that my problem lies within my appending new elements and manipulating the container's css.. But, when I remove the jQuery-Animate-Enhanced plugin, it works fine (no flicker).

Here's a link to a live demo:
http://devincastro.com/demo/

[afewyards]

I'm currently working on a project that also has some serious animations in here..
The Application runs through a iFrame on the client side. Everything works fine/great on all pc platforms. only when I transfer to an iOS devices the applications doesn't render anymore after the first animation is triggered. Then again, if I remove the plugin it works okay. I'm betting it has something to do with the iFrame and css3 animations where the iOS devices hangs..

sorry can't show a demo file yet.

[benbarnett]

This is to do with the hardware acceleration and rendering - it should be fixed in future releases of Mobile Safari. You'll notice Chrome on Mac does it too sometimes.