Collapsed panel in the border layout: continuous expansion by tit

Question

I have 2 panels inside the frame. The second is reset with the "collapsed" and "titleCollapse" settings. When I click on the title bar, it just shows the “temporary” panel, which means that it does not stick, but crashes automatically after I clicked somewhere else inside my window. It kind of floats in ...

Working example: http://jsfiddle.net/suamikim/LNfm8/

Ext.onReady(function() { Ext.create('Ext.window.Window', { width: 500, height: 300, layout: 'border', items: [{ xtype: 'panel', title: 'panel1', region: 'center', flex: 1 },{ xtype: 'panel', title: 'panel2', region: 'south', flex: 1, collapsible: true, collapsed: true, animCollapse: false, collapseDirection: Ext.Component.DIRECTION_BOTTOM, titleCollapse: true }] }).show(); }); 

I assume this is a feature of the layout frame, because if I put 2 panels in the box layout, the minimized panel will constantly expand after clicking on the title bar.

I know that the panel will remain expanded if I click on the “double arrow” or if I click on the title a second time after it “floats”, but I just don’t want the behavior at all, because I experienced it like pretty buggy before so far.

I would really appreciate it if someone could tell me how to disable this border decoration feature.

thanks

Answer 1

Add titleCollapse property

 floatable: false 

Look fiddle