Fire after anim

gistfile1.txt

new Ext.Container({
    fullscreen : true,
    layout     : {
        type      : 'card',
        animation : {
            type : 'slide'
        }
    },
    items      : [
        {
            xtype : 'toolbar',
            docked : 'top',
            items  : [
                {
                    xtype   : 'button',
                    text    : 'Back',
                    ui      : 'back',
                    handler : function (btn) {
                        var cnt = btn.up('container[fullscreen]');

                        cnt.setActiveItem(0);
                    }
                },
                {
                    xtype   : 'button',
                    text    : 'Next',
                    ui      : 'forward',
                    handler : function (btn) {
                        var cnt = btn.up('container[fullscreen]');

                        cnt.setActiveItem(1);
                    }
                }
            ]
        },
        {
            html      : 'First',
            listeners : {
                order    : 'after',
                activate : function() {
                    //does not fire after anim
                    console.log('First activated');
                }
            }
        },
        {
            html      : 'Second',
            listeners : {
                order    : 'after',
                activate : function () {
                    //does not fire after anim
                    console.log('Second activated');
                }
            }
        }
    ],
    listeners : {
        //order makes it fire after anim
        order            : 'after',
        activeitemchange : function() {
            console.log('active item change');
        }
    }
});