iOS browser crash on ScrollView rotation

Kerry

I am having an intermittent problem with iOS browser, both Safari and Chrome crashing when rotation occurs when using ScrollView. I have created a simple example of this at http://scrollview.azurewebsites.net/. This example has a links to pages with varying amounts of ScrollView pages. On my iPad Air (16gb Wi-Fi) I can usually get the browser to crash ("poof" go away) when using the link to the page with 12 pages and rotating the screen. On my iPhone (5s 32gb) I can get it to happen less often. I can't reproduce it on an Android Nexus 7.

I have recorded what I see on my iPad: http://youtu.be/9tDtEfMiMGI

In the example pages I am using above, the only custom JavaScript is what is necessary to get Kendo UI Mobile configured:
(function (global) {
var mobileSkin = "",
app = global.app = global.app || {};

Alexander Valchev

I tested your test page on iPad 2 with iOS 7 but did not manage to reproduce the crashing problem that you demonstrated in the video. We are not sure what exactly does wrong. Probably you are hitting a memory limit (usually iOS applications crash when they reach a given memory usage). It does not seem that you have opened any other Safari tabs.
My recommendation is to check the device logs for any information that might give a clue what the problem is.

Petyo

an alternative approach which comes to mind is to use the data-bound mode of the scrollview. In data-bound mode, only 3 total pages of the scrollview will be present in the DOM (previous, current, next). This should reduce the total amount of DOM elements and avoid the memory warning.

Progress, Telerik, and certain product names used herein are trademarks or registered trademarks of Progress Software Corporation and/or one of its subsidiaries or affiliates in the U.S. and/or other countries. See Trademarks or appropriate markings.