button will append one <div lass="md-ripple-foreground md-ripple-fade-in" style="..."> when clicked

[dennis-xlc]

Bug, feature request, or proposal:

Bug

What is the expected behavior?

<div lass="md-ripple-foreground md-ripple-fade-in" style="..."> will disappeared after clicked

What is the current behavior?

<div lass="md-ripple-foreground md-ripple-fade-in" style="..."> remain at DOM after click

What are the steps to reproduce?

1. add one button at the template
   <button md-icon-button> <md-icon>menu</md-icon> </button>
2. click on the button repeatedly until exceed current height of DOM
3. check the source of DOM, will find many <div lass="md-ripple-foreground md-ripple-fade-in" style="...">

Providing a Plunker (or similar) is the best way to get the team to see your issue.
Plunker template: http://plnkr.co/edit/o077B6uEiiIgkC0S06dd
cannot reproduced at Plunker

What is the use-case or motivation for changing an existing behavior?

This behavior will break the normal DOM

Which versions of Angular, Material, OS, browsers are affected?

Angular Version: 2.0.0-rc.5
Material Version: @angular2-material/[email protected]
OS: Windows 7
Browser Version: Google Chrome 52.0.2743.116 m

Is there anything else we should know?

[colinfang]

Dupe of #972

[ultrapromedia]

Confirmed

[jelbourn]

Closing as dupe.

[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.}