MM Shows a plain Black Screen on iOS 9.3.5 device

shiroe

Hi all,

So to be as specific as possible in case it helps, I’ve setup MM on an RPi recently and have this working in the house in SERVER MODE.

This setup works successfully on Andriod/PC devices without issue.

However the iPad 2 (iOS 9.3.5) device I had lying around and target for this build actually wont show the page content, it loads in Safari/Firefox/etc and displays a black screen which I believe is the back ground colour but no content is visible (per below).

iPad Image [Imgur]

To test my setup I’ve checked using an iPhone 7Plus on iOS 10.2.1 which works, thus confirming it’s not an issue with Apple devices in general & just the iPad - or more likely the iOS release?

iPhone Image [Imgur]

If anyone has any ideas here I’d love any assistance at this point.
I’ve tried googling similar ios9.3.5 issues and checked the MM forum as well but can’t find any other mentions of this

EDIT: yes the port 8080 is there, Safari just hides it when you don’t highlight the address bar
EDIT2: iPad has been factory reset in case it helps, it’s also not jailbroken

shiroe

@shiroe
EDIT: if someone can confirm how to fix the above with a direct image rather than just link I’ll edit original post and remove this one.

thobach

@shiroe I have the same issue as you and would be grateful for a resolution. I suppose the issue is related to the old Safari version on iOS 9.3.5. I’d also accept a workaround that requires a jailbreak of the iPad 2.

idoodler

@shiroe Mobile Safari on iOS 9.3 is obviously missing some features. If a module is using a function not supported by this version of Mobile Safari a black screen might happen.

You only can debug this using Mac.

shiroe

@idoodler FYI default modules only it still shows the same, I have a bit more time tomorrow so I’ll try reducing one by one to see if i can find exactly which doesn’t work - though I feel it’s likely going to be all of them

Pipe-line

Same problem here… iPad 2 with iOS 9.3.5 and I’m getting a black screen… I tried with Google Chrome, Dolphin Browser but no good luck.
A work around: Install VNC Server on RPi, and a client on the iPad. Go to fullscreen mode, and voila!

idoodler

@pipe-line I think we have an iOs 9 device at work. I will debug it tomorrow night. What modules do you have installed?

Pipe-line

@idoodler I started with Current Weather and Weather Forecast and then only with Current Weather, but no lucky.
Thanks!

idoodler

@pipe-line ok. I just gathered the iPad. Its an iPad mini running iOS 9.3.3. I hope I won’t forget it until I get home:)

idoodler

Issue has been identified. I am just preparing a pull request. Hold on tight!

idoodler

Lol. This issue has already been fixed on the 8th of April 2018 by Chris Pickett. It is available on the develop branch. It eventually will be merged with the masterbranch.

Pipe-line

@idoodler thanks! I will try develop branch this night :)

thobach

I also identified the issue. It is related to the use of Promises, a feature of ECMAScript 6, which is not supported by iOS 9.3.5. The feature is used in multiple javascript files that are built into the core of MagicMirror2. I believe it can be fixed with a polyfill.

idoodler

@thobach I don‘t think its an issue with the promise itself, but rather with the arrow (=>) operator that defines the callback.

thobach

@idoodler True! It was fixed in https://github.com/MichMich/MagicMirror/commit/6bb4db38428af7ac46a6f4240ab9cfe4bf9fcbea and I can load now the default configuration on iOS 9.3.5 again.

But I can still find one use of “=>” in the develop branch: https://github.com/MichMich/MagicMirror/blob/fb0cc61e09542533affa92b1e8bd6f9a2aca6363/js/module.js#L84.

idoodler

@thobach that link you posted points me to a specific commit. I can not find any use of the => operator in the browser part In remote/develop

shiroe

@idoodler so just to clarify, this has been found and due to be fixed?
or did i totally misread that…

if so can’t wait for new release!

EDIT: pardon my manners, thank you for checking this out as well :)

idoodler

@shiroe This issue has already been fixed on the active development branch. Its basically ready and will be available on the next release.

You can already test this fix by switching to the develop branch, but be carefull, this branch is still under active development, hence the name;)

shiroe

@idoodler thank you very much again, will keep an eager eye out for this one!

realthinx

I had also an issue with the default calendar module on an iOS 9.3.5 iPad. It could not be rendered. On debugging the iPad Safari with my MacBook i found the reason here: modules/default/calendar/calendar.js, Line 439.

for(let evt of eventList){

should be

for(var evt of eventList){

so that older browsers can render the module without error. Would be great if you can add that for the next release :folded_hands: