Hola comunidad, tengo un serio problema, os pongo en situación, tengo dos aplicaciones en ExtJS independientes y en otra aplicación es general y es un tabpanel de dos items y cada uno de ellos es un iframe tal que llama a ambas aplicaciones Extjs, el caso es que la aplicación Extjs que esta oculta o que se carga de forma oculta da un error y la que si se puede mostrar se muestra sin problemas, os presente un codigo de prueba para que lo podais testear y a ver si se os ocurre alguna solución, estoy desesperado :(



Ext.require(['*'])
Ext.onReady(function(){
new Ext.create('Ext.container.Viewport',{
layout: 'fit',
//bodyStyle: 'padding: 10px',
items:[
{
xtype: 'tabpanel',
bodyPadding: 10,
frame: true,
border: true,
//region: 'center',
//margin: 10,

items:[
{
title: 'Prueba',
html: 'PRUEBA PANEL'
},
{
xtype: 'component',
title: 'Notificaciones',
id: 'iframe-panel',
autoEl: {
tag: 'iframe',
width: '100%',
height: '100%',
focusOnLoad: true,
frameborder: 0,
src: 'http://docs.sencha.com/ext-js/4-0/'
}
}
]
}
]
});
});