animCollapse: false not working when used in class definition

[RandomString]

REQUIRED INFORMATION
Ext version tested:

• Ext 4.1.1

Browser versions tested against:

• FF 16.0.2
• Chromium 18.0.1

Description:

• When animCollapse: false is set in class definition it doesn't stop the animation. When used in config object of instance it prevents the animation.

Steps to reproduce the problem:

• See fiddle below: Panel 1 is defined in class, panel 3 is defined with instance config (not sure about the terminology, sorry). Panel 1 is animated, panel 3 is not.

The result that was expected:

• Panel not animating when expanding/collapsing

The result that occurs instead:

• Panel animating when expanding/collapsing

Test Case:

Ext.define('panel1', {
    extend : 'Ext.panel.Panel',
    alias  : 'widget.panel1',

    title         : 'panel1',
    collapsible   : true,
    animCollapse  : false, // this should stop the animation
    titleCollapse : true,
    region        : 'north',
    layout        : 'fit',

    initComponent : function () {
        var me = this;
        //me.animCollapse = false;// comment this out to change the behaviour
        me.callParent(arguments);
    }
});

Ext.application({
    name : 'Test',

    launch : function() {

        new Ext.container.Container({
            layout   : 'border',
            width    : 250,
            height   : 500,
            renderTo : Ext.getBody(),
            items    : [
                {
                    xtype : 'panel1',
                    html  : 'Will not work here'
                },
                {
                    xtype  : 'panel',
                    layout : 'fit',
                    title  : 'Panel 2',
                    region : 'center',
                    html   : 'Panel 2 - center'
                },
                {
                    xtype         : 'panel',
                    layout        : 'fit',
                    title         : 'Panel 3',
                    collapsible   : true,
                    animCollapse  : false, // this works
                    titleCollapse : true,
                    region        : 'south',
                    html          : 'Panel 3 - south'
                }
            ]
        });

        new panel1({
            renderTo : document.body,
            html     : 'Will work here'
        });

    }
});

HELPFUL INFORMATION
Screenshot or Video:

• none

See this URL for live test case: http://jsfiddle.net/hGhGE/2/
Debugging already done:

• none

Possible fix:

• Use initComponent method and set animCollapse there (see fiddle)

Additional CSS used:

• only default ext-all.css

Operating System:

• Ubuntu 11.04

[mitchellsimoens]

Thanks for the report! I have opened a bug in our bug tracker.

[RandomString]

That's great, thanks