md-ripple effect should stay within clicked element

[mackelito]

Bug, feature request, or proposal:

Bug

What is the expected behavior?

Ripple effect should be on clicked element only

What is the current behavior?

Effect leaks out over other elements

What are the steps to reproduce?

http://plnkr.co/edit/AG6Use4SUK0J0It31HNm?p=preview

[willshowell]

The .md-ripple class adds overflow: hidden, but the ripple inside of it has a higher stacking context. For now, you can add this to have the ripple contained.

md-card-title {
  position: relative;
  z-index: 1;
}

[mmalerba]

The ripple's host element (md-card-title in your case) must have a position of relative, absolute or fixed (see: http://plnkr.co/edit/wMfRAcnLIR7GSoKVauRq?p=preview)

[angular-automatic-lock-bot]

This issue has been automatically locked due to inactivity.
Please file a new issue if you are encountering a similar or related problem.

Read more about our automatic conversation locking policy.

_{This action has been performed automatically by a bot.}