Image Hotspots - iOS 9.3.5

For the last month I can't use image hotspots on old iPads with iOS 9.3.5.

No matter which browser I use, nothing is shown.

I don't even see the examples of the h5p website. With iOS 10.3 I can see it from any browser. 

Does anyone know what's going on?

Thank you.

Content types: 
otacke's picture

Hi dmuns!

It seems that there was a bug in iOS 9 related to iframes, that was fixed by a hack (cmp. https://github.com/h5p/h5p-php-library/commit/4999862689de67a8e81042ad4ec7e1cd4666b280 and https://github.com/h5p/h5p-php-library/commit/58d5eef4224f7c6877bad135bb844ead2275a1b4) and not removed after the bug in iOS was fixed around one year later. I have not checked if removing the hack would be safe now (don't have the time right now), but the asterisk in "*width: 100%;" seems to be causing (part of) the trouble ("Invalid CSS property declaration at: *").

Cheers,
Oliver

Hello, Oliver,

For these iPads in particular we use content created on the h5p website. There is no solution to this problem? 

Should I apply this hack in an installation of the h5p module in moodle for example?

Thank you very much for your answer. 

Greetings.

BV52's picture

Hi dmuns,

Currently there is no solution but I already reached out to the core team in Github so that they can check.

The hack is actually merged into the the stable version of H5P which is used in H5P.org, what Oliver is saying is that may actually be the culprit for your issue.

-BV52

Okay, I understand.

I've been testing it with the H5P module in Moodle and it works well.  

Moodle version: 3.5.2+
H5P module version: 1.15

Thank you for your answers.

 

Greetings.

Hi BV52!

Is there any news about the fix of image hotspot and iOS 9.3.5?

Thanks!

BV52's picture

Hi dmuns,

I wish I have good news but this is still a pending issue.

-BV52

Hi; in Safari only, we noticed that there appears to be a significant pixel-shift that occurs, shifting the entire interactivity, when we embed hotspots in an IFRAME. Some of our users have commented on the effect. Outside of an iframe, in the authoring environment on H5P.COM, and in other browsers, the shift does not occur.

I made a short video demonstrating the effect in Safari on the H5P.ORG example page:

https://vimeo.com/334968751/038626b67a

We don't believe this error occurred in the past; perhaps it came with this last update/fix? We are using H5P.com and the error occurs there, as well as on the h5p.org examples site.

 

 

 

BV52's picture

Hi bparks,

Thank you for reporting this. I filed a bug report and you can follow it here.

Would you mind checking if I am correct that the issue is only happening when Safari is in full screen mode.

-BV52

Hi; I checked, and it seems to appear whether or not I'm in full-screen mode. I have Safari open, and it's maximized but not full-screen (i.e. not View> Enter Full Screen), but in either case, the effect is there. I'm on High Sierra, 10.13.6, but my other colleagues also notice the effect as well.

BV52's picture

Hi bparks,

Sorry I meant maximize got my terms mixed up :-). When I was testing this if the window is not maximized but big enough to have the white spaces on the sides the issue is not present.

-BV52