Ripple jammed by position relative element without z-index

google / material-design-lite

Material Design Components in HTML/CSS/JS

https://getmdl.io

Apache License 2.0

32.29k stars 5.03k forks source link

Ripple jammed by position relative element without z-index #4298

Open ypresto opened 8 years ago

ypresto commented 8 years ago

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

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

joemidi commented 8 years ago

I wonder if this is actually an issue with Chrome 49, I've noticed a lot of animation issues occurring after upgrading to Chrome 49.

markopaju commented 8 years ago

Happens also on Win 10 Chrome Version 50.0.2661.75 m (64-bit). But you're on a desktop and looking at the page mobile version of the page. Works fine on an ios + chrome.