Browser Compatibility

[sk58]

Firefox doesn't hide the overflow of the Impress presentation despite its container having overflow:hidden. Works in Chrome and Safari.

Also is there a link to the relevant polyfills to make impress.js work in IE10?

[bartaz]

hi @sk58

Can you give any example where the problem with overflow happens? I'm not sure if I understand what do you mean by this issue.

And when it comes to polyfils for IE10.
As far as I can see IE10 already supports classList, so the only missing API is dataset.
I found two implementations:
https://github.com/adalgiso/html5-dataset
https://gist.github.com/brettz9/4093766#file_html5_dataset.js

I haven't tried any of these, so I cannot say if they work and if that's the only thing you need to do to run impress.js in IE10.

If you will have some time and possibility to verify it, I'll be glad to hear about the results.

[sk58]

Hi, thanks for getting back to me...

This is the example:

http://www.sd51.co.uk/cms/index.php?page=impress3#/home

This works in safari and chrome but the overflow:hidden doesn't work in firefox.

I note the same problem here: http://tympanus.net/Tutorials/SlideshowJmpress/

By the way you're a genius.

[bartaz]

I can't find it now, but I think I've seen bug reported for Firefox about it.
Or maybe it was other one 3D related, they have quite a few.

Yes, it seems that overflow: hidden in Firefox doesn't work if you have 3D positioned elements inside.
I don't know if there can be any workaround for that.

The only one that comes to my mind would be to put impress.js presentation into an iframe, and have this iframe on the main page.

So the iframe will be working as a div with overflow hidden. It's not a nice solution but maybe will work in your case.

[FagnerMartinsBrack]

This was probably related to a Firefox bug that broke CSS 3D based presentations. It already happened more than once. See #324 (comment) and #443 (comment).