Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

3D Firefox issue, links in behind slide show through #324

Closed
AiMingQi opened this issue Aug 18, 2013 · 1 comment
Closed

3D Firefox issue, links in behind slide show through #324

AiMingQi opened this issue Aug 18, 2013 · 1 comment

Comments

@AiMingQi
Copy link

I absolutely love impress.js and it is a fun little framework to build from. I think it's potential exceeds merely developing simple presentations. I think you can leverage it to build fun navigation for regular web content.

I developed an awesome "form" for engaging my potential clients for my web design company. It makes a pretty cool business card. http://anlongproductions.com

It looks brilliant on Chrome, Safari, and even chrome on my Android Samsung SII (once I disabled the checks for it). It won't render the slides with scale values higher than "1" though.

On Firefox it gets messy and doesn't work at all. I can't quite figure out what's causing the conflict. It seems that the initial scaling is off and that our view is just too close. I have fidgeted with the initial perspective setting and changed it to 5000. Just causes havoc with the other browsers and doesn't fix Firefox.

For some reason as well any link that is on the enabled slide won't work and any link that is behind the enabled slide will work. It is confusing them for some reason.

Any ideas and help on how to make it look beautiful on Firefox would be appreciated. I'm sure it is a css webkit issue, but I can't figure out why. impress.js is supposed to append the css as well. I have even added an extra layer of support for that using another css3finalize which doesn't solve the problem.

Thanks for building such a cool javascript!

Cheers,
Mitch Valentine

@bartaz
Copy link
Member

bartaz commented Aug 19, 2013

Hi, I can't say much more than that such issues happen with CSS 3D (especially in Firefox) when there is large number of steps (and their positions in 3D are overlapping - one behind another).

There are several bugs opened for such cases in Firefox:
https://bugzilla.mozilla.org/show_bug.cgi?id=810685
https://bugzilla.mozilla.org/show_bug.cgi?id=904304
https://bugzilla.mozilla.org/show_bug.cgi?id=689498
https://bugzilla.mozilla.org/show_bug.cgi?id=725299

You can also comment on them, give more examples (like your cases) and hopefully we will get them fixed at some point.

I don't know any workaround for that (for some cases turning off opacity on slides helps, but not always).

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

2 participants