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 !