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

a tag would not ripple because index:-1 #142

Closed
zhiyishou opened this issue Oct 30, 2015 · 4 comments
Closed

a tag would not ripple because index:-1 #142

zhiyishou opened this issue Oct 30, 2015 · 4 comments

Comments

@zhiyishou
Copy link

I saw you add z-index:-1 on a tag for bug in Firefox, but with my test, the version 0.7.4 couldn't ripple that is just caused by z-index:-1, and my Chrome version is 6.0.2490.71, Firefox version is 41.0.1, besides I haven't seen the bug that there is not triggered in Firefox you said.

@fians
Copy link
Owner

fians commented Dec 2, 2015

Can you share your code in jsfiddle?

@ozzywadd
Copy link

I also had this same issue. I'm working with the foundation 6 framework and -1 z-index was causing the ripple effect to be hidden. Removing this is currently working in both Chrome and Firefox latest versions.

@jonathanmaloy
Copy link

https://jsfiddle.net/pfnghsw9/4/

Moved the following piece of CSS to top of CSS section on jsfiddle so you can easily remove to see the ripple working without that line and not working with it. I removed that line for my project and links are still triggered in all browsers.

a.waves-effect .waves-ripple {
    z-index: -1;
}

@fians
Copy link
Owner

fians commented Feb 21, 2016

Oh, it's my mistake then. If it works all across browser, I will remove it immediately. Thanks.

fians pushed a commit that referenced this issue Feb 21, 2016
@fians fians closed this as completed Feb 21, 2016
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

4 participants