Showing/Hiding panel in borderLayout shows/hides all spliter on the same level

[dherbolt]

REQUIRED INFORMATION


Ext version tested:

• Ext 4.1.1
• Ext 4.1.2

Browser versions tested against:

• FF 15
• IE 7

DOCTYPE tested against:

• HTML 4 strict

Description:

• When I hide one of panels in border layout, this action hides also all splitter on the same nesting level as hiding panel.

Steps to reproduce the problem:

• Use attached example
• Click on button 'Show/Hide north region'
• See splitter between CENTER and SOUTH region

The result that was expected:

• NORTH region is hidden incl. splitter between it and CENTER region
• Splitter between CENTER and SOUTH regions is still visible and can be used to resize SOUTH region

The result that occurs instead:

• NORTH region is hidden inc. splitter[OK]
• Splitter between CENTER and SOUTH regions is also hidden [BUG]
• SOUTH region can't be resized by mouse [BUG]

Test Case:

Ext.onReady(function (){
	Ext.create('Ext.Viewport', {
		layout: 'border',
		items: [{
			region: 'center',
			xtype: 'panel',
			html: 'CENTER'
		}, {
			region: 'north',
			xtype: 'panel',
			height: 100,
			id: 'north',
			split: true,
			html: 'NORTH'
		}, {
			region: 'south',
			height: 100,
			xtype: 'panel',
			split: true,
			html: 'SOUTH',
			bbar: {
				xtype: 'toolbar',
				items: {
					text: 'Show/Hide North region',
					handler: function () {
						Ext.getCmp('north').setVisible(!Ext.getCmp('north').isVisible());
					}
				}
			}
		}]
	});
});

HELPFUL INFORMATION

Additional CSS used:

• only default ext-all.css

[mitchellsimoens]

This has been fixed for 4.1.3