iOS Safari runs out of memory with “-webkit-transform”

Question

http://jsfiddle.net/ES4xG/8/ crashes most retina devices.

iOS Safari \"easily\" runs out of memory and crashes when using some -webkit-transform instruc

Answer 1

Google Chrome crashes minutes after running -webkit-transform Javascript animation on a text. I've used both rotate() and rotateZ(), and, especially when the text being animated is in view, the memory usage as reported by the OS spiked up until an Aw, Snap! error occurs.

Using Google Chrome 31.0.1650.63, Blink engine 537.36, under Windows 7 64-bit.

Tested the same animation on Firefox 25.0.1 and it showed no problems.

I even thought Tristan Engine (my own JS library) has serious memory leaks, but checked on the Developer > Timeline memory graph and it shows no indication.

Having a -webkit-transform on an image or empty DIV will not show this bug.

Animating the same text with simple CSS2 properties such as left: or top: will not show up this bug.

Already filed a bug report on Google. Took me three hours to figure out what's wrong.

Bug report: https://code.google.com/p/chromium/issues/detail?id=328245&thanks=328245&ts=1386906785