Ext JS Panel Won't Scroll

Question

I have a popup windows which is suppose to show an email (which is in html) in the centerPanel. That panel is in the center region of the border layout.

It absolutely has autoscroll set to true and I know that my test data is much larger than the panel. But I can't get it to scroll.

Is there, perhaps, a better way of setting this up? I've tried some other object like a label, display, textarea etc. as an item in the center panel and set that object with autoscroll : true with no success

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
        },
        // ...
    ]
});

Answer 1

Got it!

I had to add overflowY: 'scroll' to the center panel.