[Ext 4.1.1] Window maximized fail

[sebbio]

      Ext.onReady(function(){
        Ext.create('Ext.container.Viewport', {
          layout: 'border',
          disabled: false,
          items: [
            Ext.create('Ext.panel.Panel', {
              height: 42,
              margins: 0,
              region: 'north',
              baseCls: 'x-plain'
            }),
            Ext.create('Ext.panel.Panel', {
              margins: 0,
              region: 'center',
              id: 'mainPanel',
              layout: {
                type: 'hbox',
                align: 'stretch'
              },
              items:[
                Ext.create('Ext.panel.Panel', {
                  width: 300,
                  margins: 0,
                  border: false,
                  autoScroll: true,
                  bodyStyle: 'background:#eee;',
                  items:[{
                    xtype: 'treepanel',
                    flex: 1,
                    collapsible: true,
                    titleCollapse: true,
                    margin: 10,
                    frame: true,
                    rootVisible: false,
                    lines: false,
                    listeners: {
                      itemclick: function(view,rec,item,index,e,opt){
                        rec.raw.handler(rec.id);
                      },
                      itemdblclick: function(){
                        return false;
                      }
                    },
                    title: 'Menu title',
                    store:  Ext.create('Ext.data.TreeStore', {
                      root: {
                        expanded: true,
                        children: [{
                          text: 'Open maximized window',
                          leaf: true,
                          handler: function(id){
                            Ext.create('Ext.window.Window', {
                              autoShow: true,
                              width: 600,
                              height: 400,
                              constrainHeader: true,
                              renderTo: Ext.get('mainPanel'),
                              maximizable: true,
                              maximized:true,
                              html: 'Why can drag this window?',
                              minimizable: false
                            });
                          }
                        }]
                      }
                    })
                  }]
                }),
                Ext.create('Ext.panel.Panel', {
                  margins: 0,
                })
              ]
            })
          ]
        });
      }); 

Tested:
windows 7 x64 sp1
chrome 21

[mitchellsimoens]

Are you meaning to only constrain it to the center region and not the entire browser window?

[Animal]

use an xtype: 'window' as a child item of the mainPanel.

Then you can access it using CQ whenever you need.

Don't forget closeAction: 'hide'

[sebbio]

Are you meaning to only constrain it to the center region and not the entire browser window?

yes

[evant]

Agreed, you shouldn't be able to drag that window.