Hi experts,
var tl = new TimelineMax({ useFrames: true });
var el = $('.tweened')[0];
tl.add(TweenLite.to(el, 10, { width: 300 }), 0);
tl.addCallback(function() {
tl.pause(0);
}, 0);
expect: .tweened element rendered as frame 0
result: .tweened element rendered as frame 1
You can find working testcase in http://codepen.io/yanhkim/pen/vOrobO
----
As far as I inspected, TimelineLite.pause(0) triggers rendering lazyTween that is saved in frame 1. That makes .tweened element rendered as 1 frame. Even if timeline's time() returns 0.
I want to play timeline in advance, so I attached callback to make that remain in 0 frame.
Regards,
Namhoon