google / google/material-design-lite

Ripple jammed by position relative element without z-index

Open
#4,298 2 comments 0 reactions 0 assignees View on GitHub
Dominant language
HTML
Stars
32.2k
Forks
4.9k
PR merge metrics
No merged PRs in 30d

Description

Ripple does not work (does not fade) on getmdl.io button component example, only when the header is visible.
https://getmdl.io/components/index.html#buttons-section

It works perfectly when `z-index: 0` is added to header (position: relative) element or scrolled down enough to hiding header area.

![4e0614f09b8d2105591fbaff17208bb0](https://cloud.githubusercontent.com/assets/400558/14766339/6ca5fd40-0a40-11e6-8e1e-497ddc2a6030.gif)

I'm using Chrome for Mac OS X 49.0.2623.112 (64-bit)

Contributor guide

Open the contributing guide

Assessment

This issue has not been assessed yet.

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.