I am using ExtJs 4.1.1
In IE 8 (but not 9 and not in FF), I am getting a stack overflow message ("Stack overflow at line: 0") that I have managed to zero in on and create a reproducible example of that also follows the general setup of my code.
I've managed to debug this somewhat and know that the Ext.EventManager.fireReadyEvent is completing, but then the code is going somewhere (I'm not sure where) and that stack overflow message appears.
<link rel="stylesheet" type="text/css" href="/extjs/resources/css/ext-all.css">
// This causes the stack overflow message!
// This works!
// name: 'Blah'
I know that if you replace the above method of creating the app with the commented method shown below it, the stack overflow message doesn't appear and, after the Ext.EventManager.fireReadyEvent method is completed, it starts going through defining all the different ExtJs classes, like Ext.button.Button, Ext.toolbar.Item, etc. It also appears to run through the Ext.EventManager.fireReadyEvent a second time. But I can't find what is sparking those things to happen to try to determine why they are not in the code above.
Can anyone suggest what differences exist between creating the Ext.app.Application one way versus the other above that would cause a stack overflow to occur? We are extending the Ext.app.Application and need to instantiate our Application class not just go with the Ext.application approach.