Content is visible only after orientatoin

[GZ95]

My content visible only after orientation change.
It is work fine in chrome or safari, but not in android or iPhone.

Here is my code:

Ext.regModel('myListModel', {
fields: [{name: 'text', type: 'string'}, {name: 'id', type: 'string'}]
});

var listData = {
items: [{
text: 'TestList01',
id: 'testList01',
leaf: true
},
{
text: 'TestList02',
id: 'testList02',
leaf: true
},
{
text: 'TestList03',
id: 'testList03',
leaf: true
}]
};

var listStore = new Ext.data.TreeStore({
model: 'myListModel',
root: listData,
proxy: {
type: 'ajax',
reader: {
type: 'tree',
root: 'items'
}
}
});

var nestedList = new Ext.NestedList({
fullscreen: true,
title: 'My List',
displayField: 'text',
updateTitleText: false,
useTitleAsBackText: false,
scroll: false,
toolbar: {
ui:'dark',
},
dock: 'top',
store: listStore,
onItemDisclosure: true
});

var testingPanel = new Ext.Panel({
layout: 'card',
fullscreen: true,
items:[nestedList]
})

var indexPanel;
Ext.setup({
onReady: function(){
indexPanel = new Ext.Panel({
id: 'indexPanel',
fullscreen: true,
layout: 'card',
items: [testingPanel]
})
} //onReady
}); //Ext

Thank you

[isibbot]

Think you only really need the fullscreen:true on the top panel (indexPanel). I commented out all the others and it works fine on a android phone, ipad, iphone (all real, no sim)