collapsing border layout with a window constrainHeader headerPosition

[art.dev.ext]

REQUIRED INFORMATION


Ext version tested:

• ExtJs 4.1.3.548

Browser versions tested against:

• Chrome 24.0.1312.57 m (Windows)
• IE9 (No problem)
• FF18.0.2 (firebug 1.11.1 installed) (No problem)

DOCTYPE tested against:

• html

Description:

• A window with constrainHeader and left headerPosition breaks underneath border layout after moving window to the right and collapsing north panel ONLY in Chrome.

Steps to reproduce the problem:

• Show a window above a border layout (having north and center panel)
• Move window to the right of viewport
• Collapse north panel
• Move window to the right again

The result that was expected:

• Window cannot be moved again to the right
• Border panel is not broken

The result that occurs instead:

• Window can be moved again to the right
• Border panel is broken
• When moving window slowly to the top (or bottom, depending on <I don't know>) of screen, border layout is getting better and better to finally being OK

Test Case:

Ext.define('MyApp.view.MyViewport', {
    extend: 'Ext.container.Viewport',
    layout: {
        type: 'border'
    },
	renderTo: Ext.getBody(),
    initComponent: function() {
        var me = this;
        Ext.applyIf(me, {
            items: [{
                    region: 'north',
                    height: 150,
                    collapsible: true,
                    title: 'Top'
                },{
                    region: 'center',
                    title: 'Center',
                    items: [{
                            xtype: 'button',
                            text: 'Show window',
                            listeners: {
                                click: function(button, e, options) {
					var w = Ext.ComponentQuery.query('#window1')[0];
					if (!w) {
						w = Ext.create('Ext.window.Window', {
							id:'window1',
							title: 'window',
							headerPosition: 'left',
							closeAction:'hide',
							constrainHeader:true,
							height: 300,
							width: 200
						});
					}
					w.show();
				}
                            }
                        }]
                }
            ]
        me.callParent(arguments);
    }
});

HELPFUL INFORMATION


Video:

• attached

Debugging already done:

• none

Possible fix:

• not provided

Additional CSS used:

• only default ext-all.css
• custom css (include details)

Operating System:

• Windows 7 Pro 64 bits

[mitchellsimoens]

This is what I got. Will report as a bug.

Screen Shot 2013-02-13 at 9.10.17 AM.png