Threaded View

    Success! Looks like we've fixed this one. According to our records the fix was applied for EXTJS-5456 in a recent build.
  1. #1
    Ext JS Premium Member
    Join Date
    Oct 2007
    Vote Rating
    lagnat is on a distinguished road


    Default [4.1 20120221] Expanding a panel in a border layout with dynamic content bug

    Sorry the title couldn't be more descriptive. This is difficult bug to describe in the space allotted for the title.

    In the sample below, there is a panel with border layout. The panel has a collapsed west region and the west region has a single child that updates its content in a render event.

    Upon expanding the west region with the expand icon, the panel will have the normal header but the placeholder header will still be present. See attached picture.

    Upon expanding the west region by clicking on the body of the placeholder header, two placeholder headers will be present. See attached picture.

    If the west region is expanded by default, there is no problem.

    Removing the update() call in the child panel restores the expected behavior.

        Ext.onReady(function() {
            Ext.create('Ext.panel.Panel', {
                width: 500,
                height: 400,
                x: 20,
                y: 20,
                title: 'Border Layout',
                layout: 'border',
                items: [{
                    title: 'Expand me please',
                    xtype: 'panel',
                    width: 200,
                    collapsible: true,
                    collapsed: true,
                    layout: 'fit',
                    items: [{
                        title: 'Some Panel',
                        listeners: {
                            render: function() {
                                this.update("I've been rendered!");
                    title: 'Center Region',
                    region: 'center'
                renderTo: Ext.getBody()
    Attached Images

Thread Participants: 2