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

Fade method z-index causes slide content to be inaccessible #40

Closed
MissFerrety opened this issue Sep 4, 2015 · 3 comments
Closed

Fade method z-index causes slide content to be inaccessible #40

MissFerrety opened this issue Sep 4, 2015 · 3 comments

Comments

@MissFerrety
Copy link

Due to use of a higher z-index for a slide with opacity: 0, the user can only interact with invisible content on the previous slide.

@peduarte
Copy link
Owner

peduarte commented Sep 4, 2015

Where are you seeing this? Codepen, or examples in this repo?

Thanks!

@MissFerrety
Copy link
Author

Using default settings from 4.1.2, I am marking up divs that have text and buttons in them. I noticed the issue because the button's hover state was not triggering.

Forked original "Fade" animation Pen

On initialization, the button acts as expected. As soon as you move away from the first slide, the cursor change is still triggered. Once you get back to the slide with the button on it, the hover change is not triggered because the z-index does not recognize that slide as the top-most item.

@peduarte
Copy link
Owner

peduarte commented Sep 4, 2015

Fixed this :) Latest release. 2.1.6

File changed: https://github.com/peduarte/wallop/blob/master/css/wallop--fade.css

Codepen demo: http://codepen.io/peduarte/pen/LpErgX?editors=010

@peduarte peduarte closed this as completed Sep 4, 2015
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Projects
None yet
Development

No branches or pull requests

2 participants