Ripples not being cleaned up in certain cases in Edge and IE

[crisbeto]

In certain cases (md-menu and md-select in particular) the ripples don't get removed and can start stacking up in Edge and IE (the .md-ripple-foreground is the element that sticks around). I've tracked it down to this handler not being fired, although I'm not quite sure why it's happening. I've tried playing around with the timing and tweaking the CSS, but I didn't manage to get it to work. For reference:

A potential solution can be to have a timeout that cleans it up after a while, but I'm not sure how we would handle the event data that is being passed to the callback.

CC @jelbourn

[fxck]

happens when you put checkbox inside as well, even on mac/chrome.. altho I guess menu wasn't really meant to contain checkboxes, but still

[crisbeto]

What I think is happening here is that the transitionend event isn't being fired, because the parent gets removed from the DOM before the transition has finished. According to this discussion, that's according to the spec.

[jelbourn]

@tinayuangao is already working on a fix for this in #1915

[jelbourn]

Dupe of #1818

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