You found a bug! We've classified it as EXTJS-7936 . We encourage you to continue the discussion and to find an acceptable workaround while we work on a permanent fix.
  1. #1
    Sencha User
    Join Date
    Jan 2012
    Posts
    7
    Vote Rating
    0
    RandomString is on a distinguished road

      0  

    Default animCollapse: false not working when used in class definition

    animCollapse: false not working when used in class definition


    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:

    Code:
    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
    Last edited by mitchellsimoens; 6 Dec 2012 at 8:43 AM. Reason: Added testcase to post

  2. #2
    Sencha - Senior Forum Manager mitchellsimoens's Avatar
    Join Date
    Mar 2007
    Location
    Gainesville, FL
    Posts
    36,620
    Vote Rating
    817
    mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute

      1  

    Default


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

  3. #3
    Sencha User
    Join Date
    Jan 2012
    Posts
    7
    Vote Rating
    0
    RandomString is on a distinguished road

      0  

    Default


    That's great, thanks

Thread Participants: 1