Menu icon Foundation
Foundation website crashes while zooming

Is it a known issue that Foundation websites have exhibit poor performance or crash on older devices? For instance, I have a first-generation iPad mini, which is a little over a year old. I can consistently make the official Foundation website crash Mobile Safari by:

1) Go to http://foundation.zurb.com

2) Wait for the page to load

3) Pinch-to-zoom the page. Pinch-to-shrink the page.

4) Watch the browser crash.

I see this also on a 4th-generation iPod touch (which admittedly has less memory than the iPad mini). Is this symptomatic of Foundation's performance on older devices or is it a bug?

bugzoomiPad mini

Is it a known issue that Foundation websites have exhibit poor performance or crash on older devices? For instance, I have a first-generation iPad mini, which is a little over a year old. I can consistently make the official Foundation website crash Mobile Safari by:

1) Go to http://foundation.zurb.com

2) Wait for the page to load

3) Pinch-to-zoom the page. Pinch-to-shrink the page.

4) Watch the browser crash.

I see this also on a 4th-generation iPod touch (which admittedly has less memory than the iPad mini). Is this symptomatic of Foundation's performance on older devices or is it a bug?

Chris over 5 years ago

I'm also having this issue running Foundation 5 on a production site. Something in the Foundation code is causing Safari to crash on pinch zoom. I have replicated so far on an iPad2 running iOS7 and a Retina iPad running iOS6. This happens on both my production site AND the Zurb Foundation main site, which leads me to believe there is a bug in the framework itself.

Does anyone have an idea as to what might be causing this?

Ben Brooks over 5 years ago

I figured this one out.

Long story short: this is being caused by the application of "-webkit-backface-visibility: hidden;" to .off-canvas-wrap and .inner-wrap in _offcanvas.scss

Just remove that css attribute from those two classes and your site will no longer stutter/crash when zooming.

For full details: https://github.com/zurb/foundation/issues/4491