iosipadsafarishopifydolphin-browser

Shopify Site Freezing on iPad / Safari


I've come across an obscure (but serious) bug that seems to affect any and all Shopify stores when viewed on an iPad with the default Apple Safari browser.

Most "reported bugs" (eventually) turn out to be problems with code that was added or changed to modify or customize a theme. This happened to me just 2 weeks ago - and I was convinced that it had to be Shopify - but with much understanding and after lots of help from the Support Desk - I tracked it down to my own doing. (duh)

But the source of this problem that I have now found - indeed seems to be the Shopify Servers.

Easiest way to demonstrate this is with code directly from the Shopify site.

EXAMPLE 1

I came across this while developing our own site (www.elightful.ca) that uses a considerable amount of javascript and elaborate CSS for customization. While doing testing this weekend (almost ready for site launch) - I kept getting hung up - but only with my iPad.

After 7 or 8 hours of backing out of theme changes and going to earlier and earlier versions of our site - the problem still persisted. Finally, I decided to start from ground zero and came up with example 2 below - recreating the problem with absolutely no modification or changes on my part.

EXAMPLE 2

Does the same thing when I run Dolphin as my browser - but seems to work fine with Chrome. There are absolutely no issues on my development Windows desktop system - regardless of browser.

I expect a considerable number of our potential customers to be iPad/iPhone/IOS users and of course many will default to browsing with Safari.

Has anyone seen this before? Any comment or suggestions - before I email Shopify Support.

Thanks for your time - I know that I have been a bit wordy - but needed to explain and demo the problem with no possibility that it could be from something some code that I/we have done on our end.

Nick

( if it helps any - you can see an image / screendump for those without access to an iPad at imgbox.com/O9AAywfw )


Solution

  • It's a Safari issue, not a Shopify issue. You can replicate that on OSX, too, using Safari (so it is not limited to iOS). You can visit http://www.google.com/about/company/ hit the word "Company" in the header a couple times to refresh. After that the "refresh" icon in Safari's address bar will render a blank page.

    Definitely something for the Safari team to take a look at, since it definitely isn't a Shopify thing.