Mobile Safari crashes when -webkit-overflow-scrolling: touch; is used on many elements

Originator:chris
Number:rdar://17834408 Date Originated:28-Jul-2014 05:48 PM
Status:Open Resolved:
Product:iOS Product Version:7.1.2
Classification: Reproducible:
 
Summary:
-webkit-overflow-scrolling: touch; creates a new stacking context.

If this is used on many elements on a page, Mobile Safari will run out of memory and crash. It would be nice if it simply ignored this directive and defaulted to slower but stable scrolling when resources are low.

Steps to Reproduce:
Open a page with "-webkit-overflow-scrolling: touch" on many elements:

http://chris.improbable.org/experiments/browser/mobile-safari-stacking-context-explosion.html

Expected Results:
It should behave like a normal webpage

Actual Results:
Mobile Safari uses 2+MB per element and crashes when memory runs low

Version:
iOS 7.12

Notes:


Configuration:
iPhone 4S

Comments


Please note: Reports posted here will not necessarily be seen by Apple. All problems should be submitted at bugreport.apple.com before they are posted here. Please only post information for Radars that you have filed yourself, and please do not include Apple confidential information in your posts. Thank you!