Sencha touch animation problem - after slide animation is completed it is still present on the screen

Here is my animation code:

 Ext.Anim.run(loginform, 'slide', {
                                        out: true,
                                        direction: 'left',
                                        autoClear: false
                                                });

And here is my loginform:

loginform = new Ext.form.FormPanel({ 
    url: 'login.php',
    standardSubmit : false,
    style: 'margin-top: 60px',
    开发者_高级运维items: [...]

And in relation to the page:

myapp.cards.home = new Ext.Panel({
        scroll: 'vertical',
        id: "home-card",
        layout:{
            type:"vbox",
            align:"center"
        },
        items: [header, loginform]
    });     

The animation code is ran on successful submit of the form. However after loginform slides to the left it doesn't completely dissapear off the screen.

Please help.

you may need to update your sencha version with the new one !