podman
29 Jul 2010, 2:42 PM
I'm trying to load up a carousel with a lot of images but it seems to crash every time I swipe for a while. This is replicable with a very simple example:
Ext.setup({
onReady: function() {
var carousel = new Ext.Carousel({
indicator: false,
items: [
{html: '<div style="width:100%;height:600px"><h1>TEST</h1></div>'},
{html: '<div style="width:100%;height:600px"><h1>TEST</h1></div>'}
/* repeat this a couple hundred times */
]
});
new Ext.Panel({
fullscreen: true,
items: [carousel]
});
});
If I swipe to the next item over and over again fairly quickly, safari will eventually crash. This doesn't happen on the iPhone or in the xCode iPad simulator only on the iPad itself.
I recorded some video of this code crashing first the OS:
http://sproutvideo.com/videos/1c98d2bb1f1ce3ce94
and then mobile safari:
http://sproutvideo.com/videos/4898d2bb1f1ce4c0c0
Anyone have any ideas as to what might be causing this or what I can do to fix it?
Ext.setup({
onReady: function() {
var carousel = new Ext.Carousel({
indicator: false,
items: [
{html: '<div style="width:100%;height:600px"><h1>TEST</h1></div>'},
{html: '<div style="width:100%;height:600px"><h1>TEST</h1></div>'}
/* repeat this a couple hundred times */
]
});
new Ext.Panel({
fullscreen: true,
items: [carousel]
});
});
If I swipe to the next item over and over again fairly quickly, safari will eventually crash. This doesn't happen on the iPhone or in the xCode iPad simulator only on the iPad itself.
I recorded some video of this code crashing first the OS:
http://sproutvideo.com/videos/1c98d2bb1f1ce3ce94
and then mobile safari:
http://sproutvideo.com/videos/4898d2bb1f1ce4c0c0
Anyone have any ideas as to what might be causing this or what I can do to fix it?