I see similar issues were reported a while back on various versions of full browsers but I'm experiencing this with my Drupal powered iOS app and in iOS versions of Safari, Opera, and Skyfire. The white overlay appears and blocks all button touching as it is supposed too, but the spinner does not show at all. Has anyone else experienced this and figured out a solution? This is a great module and so very needed for mobile versions of sites that inherently load slower than the non-mobile versions. However if the spinner doesn't show, it just doesn't look as good. I tried replacing the gif with a png, I tried different top, left and other css settings. I tried increasing the z-index of the spinner to much larger numbers. I switched the order of the div's on lines 12 and 13 in page_load_progress.js. Each time I modified something I could see the change take effect on the full site, but the mobile version just showed the white page. I even removed the white overlay part of the code but nothing showed. Very frustrating because it works so well otherwise, I can't help but think it's something simple I'm missing. Thanks!

Comments

Anonymous’s picture

This is the 3rd post on this issue and still not solution.

german.villacreces’s picture

Issue summary: View changes

Any solution found for this yet?

apmsooner’s picture

It appears to be a known issue with the safari browser from what I've found. Aside from that, the css for the lock screen div has a style of position:fixed which is usually a problem on ios devices as well...

stgogiant’s picture

Does anyone know of a fix or workaround for this? Module is precisely what I need and working well everywhere but Safari and iOS mobile devices. Thanks in advance for any assistance/ideas.