IE 10 and 11 - List inside panel is not displaying items.

I am using Sencha touch 2.3.0.



In my app I am using a list inside a panel like below, but it is not displaying the items.

Here is my code:



var panel = Ext.create("Ext.Panel",{

scrollable: true,

layout: 'fit',

items:[

{

xtype: 'component',

html: 'Check Tasks',

},

{

xtype: 'list',

//height: 500,

flex: 1,

//layout: 'fit',

//height: '100%',

itemTpl: '{title}',

data: [{

title: 'Item 1'

}, {

title: 'Item 2'

}, {

title: 'Item 3'

}, {

title: 'Item 4'

}

]

},

{

xtype: 'component',

html: 'Documents',

},

{

xtype: 'component',

html: 'Summary'

},

]

});



Ext.Viewport.add(panel);





Any help,



Thanks.