Load this page on an iPad, pinch zoom in and out a few times, the page will reliably crash
and show the "A problem occurred with this web page so it was reloaded" message
here's another one https://wanaryd.com/bike-config/test.html?cc
another example https://github.com/Leaflet/Leaflet/issues/5496
Hello all, I was able to reproduce this issue on apple.com
The steps are next:
1. Pinch zoom in
2. Wait a bit
3. Pinch zoom out.
Here are the videos of that process. I used iPad Air2 with iOS 11.1.2
See how Layers memory dramatically jumps after zoom out.
After that, I was able to reproduce this as standalone example https://codepen.io/fetis/full/VyvYMY
the steps to reproduce are the same.
It's enough to have only 10 images pushed to compositing layer to crash Safari. It really depends on the screen size, the same amount of images is not enough for iPhone5s.
I also have the same results on the same iPad Air 2 with the latest iOS 11.2.1
In my opinion, this's a bad graphical memory management by Webkit engine. After pinch zoom out amount of memory required for Layers increases very significantly and it causes crash/page reload.
http://eucomp.hu/ipad3/test.html triggers a lot of compositing because:
Frame "frame_alterlst" has position:fixed on <div> id='bodyscroll'
Frame "frame_right_bottom" has position:fixed on <div> id='bodyscroll'
Main frame has two frames with negative z-index
https://wanaryd.com/bike-config/test.html?cc has a lot of layers too, as does http://leafletjs.com because of the maps tiles.
At Yahoo! we see this issue frequently within a web app I'm working on. But I can crash Safari by pinch-zooming on many other websites. Something is not as robust as it should be. I'm disappointed no one has even been assigned to this ticket.
James, please file a bug at bugreport.apple.com with your test page.
this issue will occured when we add two iframe's side by side and pinch star scrolling.
which ios/safari version and device? 13.1.2 on an iPhone XR doesn't crash for me
which device? 10.3.4 was a bug fix for older phones which don't get updated anymore
device :iPad 4
I have this device
I got the problem where it is their problem with canvas clearRect function. I handle the canvas and it will work
Confirmed issue still persists and is reproducible using Zac Spitzer's example from 5/29/17.
Device: iPhone 13 Pro
OS: iOS 15.3.1
Steps to reproduce:
1. Navigate https://leafletjs.com/SlavaUkraini/
2. Pinch to zoom into whitespace between map and text "Here we create" to the maximum zoom level
3. Scroll the page down while zoomed in until only map is in view
4. Pinch to zoom in or out
5. Page should crash
Potentially related tickets:
I can confirm creating (relatively) large compositing layers crashes iOS Safari 15.3.1.
In particular, creating a few large elements and then scaling them down with `transform: scale` reliably crashes the page.
Confirmed this persists in iOS 15.4.1
(In reply to Patrick B from comment #15)
> Confirmed issue still persists and is reproducible using Zac Spitzer's
> example from 5/29/17.
> URL: https://leafletjs.com/SlavaUkraini/
> Device: iPhone 13 Pro
> OS: iOS 15.3.1
> Browser: Safari
> Steps to reproduce:
> 1. Navigate https://leafletjs.com/SlavaUkraini/
> 2. Pinch to zoom into whitespace between map and text "Here we create" to
> the maximum zoom level
> 3. Scroll the page down while zoomed in until only map is in view
> 4. Pinch to zoom in or out
> 5. Page should crash
> Potentially related tickets:
Any progress on this bug?
The iOS 15.4 Safari can easily crashes when animating a layer with 1200x1200px. We are animating is "transform". This bug caused a lot of headache when user try to edit text (which will trigger the zoom in/out animation) on our text editor on iOS device.