title: ExtJS 4 desktop module windows stretch destop/taskbar when opened with sizes/positions that make them exceed desktop size
body: <p>If I call <code>createWindow</code> on a module and give it <code>width,</code> <code>height</code>, <code>x</code> and <code>y</code> values, the window will open fine, but makes the desktop and/or taskbar look stretched.</p>
  
  <p>For example, if there's a window being opened whose bottom border is below the taskbar, not only will it cover the taskbar, it will continue shifting the whole destop down, making the top disappear, and the taskbar will stretch all the way to the bottom of the form.</p>
  
  <p>Ideally, I would like to have the overlapping part of the window slide off the screen and under the taskbar.</p>
  
  <pre><code>Ext.define('MyApp.view.locations.Module', {
  
  .......
  
  createWindow:        function (width, height, x, y) {
  
      this.width  = width  || 740;
      this.height = height || 480;
  
      var b = this.app.getDesktop();
      var a = b.getWindow('locations-module-window');
  
      if (!a) {
  
          this.locationsGrid   = Ext.create('MyApp.view.locations.Grid');
          this.locationsFilter = Ext.create('MyApp.view.locations.Filter');
  
          this.locationsPanel = Ext.create('Ext.form.Panel', {
              bodyPadding:       0,
              border:            true,
              fieldDefaults:     {
                  labelAlign:   'left',
                  msgTarget:    'side'
              },
              frame:             false,
              header:            false,
              id:               'locations-module-panel',
              layout:           'border',
              defaults:          {
                  bodyStyle:    'padding: 15px',
                  collapsible:   true,
                  split:         true
              },
              items:             [
                  this.locationsGrid,
                  this.locationsFilter
              ]
          });
  
          a = b.createWindow({
  
              animCollapse:      true,
              border:            false,
              collapsible:       true,
              constrainHeader:   false,
              height:            this.height,
              width:             this.width,
              x:                 x,
              y:                 y,
              iconCls:          'icon-locations',
              id:               'locations-module-window',
              layout:           'fit',
              maximizable:       true,
              minimizable:       true,
              title:            'Locations',
              items:             [{
                  activeTab:     0,
                  defaults:      {
                      border:    false,
                      header:    false
                  },
                  xtype:        'tabpanel',
                  items:         [{
                      iconCls:  'icon-locations',
                      layout:   'fit',
                      title:    'Branches',
                      items:     this.locationsPanel
                  },{
                      html:     "&lt;p&gt;Region items go here.&lt;/p&gt;",
                      iconCls:  'icon-regions',
                      title:    "Regions"
                  }]
              }]
          });
      };
  
      a.show();
      return a
  },
  
  ....
  </code></pre>