JAnderson
3 Dec 2009, 3:41 PM
<html>
<head>
<link rel="stylesheet" type="text/css" href="ext-3.0.2/resources/css/ext-all.css" />
<script type="text/javascript" src="ext-3.0.2/adapter/ext/ext-base.js" ></script>
<script type="text/javascript" src="ext-3.0.2/ext-all.js" ></script>
<script type="text/javascript">
Ext.onReady(function(){
var testPanel = new Ext.Panel({
width: 175,
height: 30,
frame: true,
items: {html:'ExtJS loaded successfully!'},
renderTo: document.body
});
setTimeout("window.location.reload()", 500);
});
</script>
</head>
<body>
<p>ExtJS 3.X onReady Test Page</p>
</body>
</html>
If you run the above HTML file in IE7 from a webserver (off the filesystem doesn't have enough latency to cause the issue apparently) eventually the page will fail to load, getting stuck during the loading of ext-all.js for some reason.
The contents of the onReady block are simply to demonstrate that ExtJS finished loading and save the user the annoyance of hitting refresh until the bug happens. It can be removed and the page will still get stuck loading eventually, even when the only thing present is the ExtJS includes. The timeout delay can be set a high as you want, the issue will still occur eventually. Keeping it low only raises the statistical likelihood of the event occuring sooner rather than later.
I realize IE7 is not the optimal browser to be using, but it is supposed to be supported and our entire company is stuck on it for the forseeable future. Has anyone else encountered this problem, and if so is there a solution?
EDIT: Interestingly enough, if you hit the X button in IE when the issue occurs the page will finish loading. I think doing that forces the onReady event to fire. Also, I have confirmed this issue occurs using ExtJS 2.2.x as well.
<head>
<link rel="stylesheet" type="text/css" href="ext-3.0.2/resources/css/ext-all.css" />
<script type="text/javascript" src="ext-3.0.2/adapter/ext/ext-base.js" ></script>
<script type="text/javascript" src="ext-3.0.2/ext-all.js" ></script>
<script type="text/javascript">
Ext.onReady(function(){
var testPanel = new Ext.Panel({
width: 175,
height: 30,
frame: true,
items: {html:'ExtJS loaded successfully!'},
renderTo: document.body
});
setTimeout("window.location.reload()", 500);
});
</script>
</head>
<body>
<p>ExtJS 3.X onReady Test Page</p>
</body>
</html>
If you run the above HTML file in IE7 from a webserver (off the filesystem doesn't have enough latency to cause the issue apparently) eventually the page will fail to load, getting stuck during the loading of ext-all.js for some reason.
The contents of the onReady block are simply to demonstrate that ExtJS finished loading and save the user the annoyance of hitting refresh until the bug happens. It can be removed and the page will still get stuck loading eventually, even when the only thing present is the ExtJS includes. The timeout delay can be set a high as you want, the issue will still occur eventually. Keeping it low only raises the statistical likelihood of the event occuring sooner rather than later.
I realize IE7 is not the optimal browser to be using, but it is supposed to be supported and our entire company is stuck on it for the forseeable future. Has anyone else encountered this problem, and if so is there a solution?
EDIT: Interestingly enough, if you hit the X button in IE when the issue occurs the page will finish loading. I think doing that forces the onReady event to fire. Also, I have confirmed this issue occurs using ExtJS 2.2.x as well.