Stage View does not work on IPhone Safari

[Tim Bentley]

Playing with Stage view at the back of Church.
5 Devices 5 users !

Only the guy with the Iphone was unhappy all he had was a black blank screen!

[Phill (phill-ridout)]

I've set this to confirmed for 2.0.3 as a user reported it on the survey, and it has been confirmed by another on IRC

[Phill (phill-ridout)]

Instructions on how to debug a web page in Safari on the iPhone: http://browsers.about.com/od/allaboutwebbrowsers/ss/iphonedebugger.htm

[Phill (phill-ridout)]

A more current link http://moduscreate.com/enable-remote-web-inspector-in-ios-6/

[Ioan Loosley (ioangogo)]

Noticed it only happens on ios7 safari that even in beta had problems with html 5 may be browser problem as works in chrome for ios

[Tim Bentley (trb143)]

Update on this. It seems to work on IOS7 (latest). Well one of our congregation had it working.

[Chris Hill (minkus)]

Confirmed on OpenLP 2.0.4 (Windows Vista Business) and iOS 7.0.4 (iPad 3rd Gen, iPhone 4S) - neither the Remote nor the Stage View work properly. They both worked fine in iOS 6, so it is a Safari bug - but perhaps we could work around it?

Looks like the CSS file isn't read properly (see attached screenshots of Remote & Stage View). I can't use the Debug Console or the Remote Web Inspector mentioned in the links as it's iOS7 (no Debug Console) and I haven't got a Mac (required for Remote Web Inspector), but I wonder if the following lines in files/stage.css and files/openlp.css might be to blame?

 * Meinert Jordan, Armin Köhler, Erik Lundin, Edwin Lunando, Brian T. Meyer. *

Armin Köhler is listed with funny characters in the CSS file - could this be causing Safari to reject the file if it isn't served with the correct content type? Worth a try before doing more debugging.

Worth noting that it works fine in Google Chrome for iOS - would be good to get it working in the 'default' browser though. Also in response to Tim Bentley's comment - I found that sometimes it does work on iOS 7 if you keep refreshing the page - although another refresh can later break it - so perhaps the member of your congregation was just lucky?

[Chris Hill (minkus)]

Also worth noting that files/stage.js and files/openlp.js also contain the ö characters (as displayed by Google Chrome on Windows) so if it is an issue with those it might need fixing in them too (referenced by the Stage & OpenLP views)

[Chris Hill (minkus)]

Having found & edited the above files in plugins\remotes\html, it doesn't seem to be caused by this.

Looks like it might be because OpenLP is using an old version of JQuery now - various other people online having problems with this, and if I remove jquery.js completely from the above folder, all browsers display the same symptoms.

Is it possible to bring jquery / jquery mobile up to date? The current versions in the folder are v1.7.2 (jquery.js) and 1.1.0 (jquerymobile.css, jquery.mobile.js).

[Chris Hill (minkus)]

FYI - this still isn't working - solutions at present are a) install Google Chrome for iOS (not ideal) or download the iOS OpenLP app from https://itunes.apple.com/gb/app/openlp-remote/id730847052?mt=8 - this works, but it costs money! :(

Would be nice for it to work properly on the 'default' browser.

[Chris Hill (minkus)]

:( Any news on why this won't be fixed - even with your nice new Mac?

[Tim Bentley (trb143)]

This is a problem with Safari on the IPhone not the version on MAC.
We have upgraded the javascript libraries in 2.1.1 but unless someone with an IPhone can debug this it will not get fixed.
My friends have said Chrome on IPhone works the same with later version of the IPhone.

[Phill (phill-ridout)]

I had a thought about this bug. Although there is now a mac for dev we lack an iPhone but can this be debugged using an iOS simulator on the mac? These links seem to suggest so.

https://developer.apple.com/library/ios/documentation/IDEs/Conceptual/iOS_Simulator_Guide/Introduction/Introduction.html
http://webdesign.tutsplus.com/articles/quick-tip-using-web-inspector-to-debug-mobile-safari--webdesign-8787

For this reason I'm going to set it back to confirmed.

[Ioan Loosley (ioangogo)]

Seams iOS 8 has fixed it but needs to be fix for iOS 7 devices

[Tomas Groth (tomasgroth)]

This is probably fixed by your JQuery update, or by iOS updates. If not re-open.