[Bug on TimelineMax.call() ?]

Hi guys!

 

I'm developing a mobile app with computer network animations, using GSAP.

My intent is to show multiple messages to user using tl.call() function of TimelineMax, with $ionicPopup, before the animation starts.

See the code:

    function($scope, $stateParams, $ionicPopup) {
        TweenLite.defaultEase = Power1.easeInOut;

        var tl = new TimelineMax();
        tl.call(function() {
            tl.pause();
            $ionicPopup.alert({
                title: "Informação",
                template: "{{'SEQUENCE_NUMBER_PRESENTATION_1' | translate }}"
            }).then(function() {
                tl.resume();
            });
        });

        //"dummy" here

        tl.call(function() {
            tl.pause();
            $ionicPopup.alert({
                title: "Informação",
                template: "{{'SEQUENCE_NUMBER_PRESENTATION_1' | translate }}"
            }).then(function() {
                tl.resume();
            });
        });
        
        //more code
    }

The problem occurs when I call tl.call() like that, one just after other, the second does not work!

If I insert a kind of "dummy" statement between the two "calls", like "tl.to('.animationFrame', 0.5, {x: 0});", it works fine.

Can you say what is wrong in my code, or if it is a bug in GSAP?

 

Thanks.