md-sidenav displaces content when align="end"

[benjamin-wilson]

Bug, feature request, or proposal:

Bug

What is the expected behavior?

Sidenav should open and close without displacing content

What is the current behavior?

If you set the alignment of the sidenav to align="end" and then aggressively open the sidenav, click inside the nav then click outside the nav to close it, it will sometimes displace its content.

What are the steps to reproduce?

https://plnkr.co/edit/p5rn1klp18ujLHGL0g62?p=preview

Very quickly click 'Open sidenav' then click inside the nav that just opened, then click outside the nav to close it. You may have to do this several times/spam it. You will see the 'Open sidenav' button shift to the left when the problem occurs.

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

We have navs on the right side for our website and when this bug occurs, it offsets all of the website content to the left making it mostly unusable.

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

Seen in beta 6, Chrome, Firefox and IE 11. Seems to affect IE 11 the worst.

Is there anything else we should know?

[mmalerba]

I am not able to reproduce this, even turning the animation speed down to 10% using the chrome inspector.

[mmalerba]

Closing since I am unable to reproduce

[willshowell]

@benjamin-wilson I remember being able to repro this when I first saw this issue (like 1/20 times with no apparent consistency). I wonder if it could be related to #5743 or #4932 which could be a bug in @angular/animations

[benjamin-wilson]

Doesn't look like I can reproduce this anymore.

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