MM Shows a plain Black Screen on iOS 9.3.5 device

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:

StevenSeagal

Force close the app. Then upgrade your app may solve iPad screen black problem.