title: Ext JS Panel Won't Scroll
body: <p>I have a popup windows which is suppose to show an email (which is in html) in the <code>centerPanel</code>. That panel is in the <code>center</code> region of the border layout.</p>
  
  <p>It absolutely has <code>autoscroll</code> set to <code>true</code> and I know that my test data is much larger than the panel.  But I can't get it to scroll.  </p>
  
  <p>Is there, perhaps, a better way of setting this up?  I've tried some other object like a <code>label</code>, <code>display</code>, <code>textarea</code> etc. as an item in the <code>center</code> panel and set that object with <code>autoscroll : true</code> with no success </p>
  
  <pre><code>popup = new Ext.Window({
      width: 900,
      height: 320,
      resizable: true,
      draggable: true,
      id: 'popupWindow',
  
      layout: {
          type: 'border'
      },
  
      items: [
          // ...
          {
              xtype: 'panel',
              region: 'center',
              id: 'centerPanel',
              autoscroll: true,
              margin: '0 5 0 5',
              html: jsonData.email
          },
          // ...
      ]
  });
  </code></pre>