fix(sidenav): not positioning correctly in rtl

[crisbeto]

Adds a workaround for a Chrome issue where the sidenav content is partially cut off when dir='rtl' is set on the body or html nodes.

Note: this shouldn't be much of a breaking change for components that derive from the sidenav, because we're still keeping the original overflow-y: auto. Here's the issue for reference:

[mmalerba]

I'm a little bit worried that this wrapper might interfere with styles people have added. We might need to bump this to major, lets see how the presubmit goes though.

[Isitar]

Exactly what happened to us, maybe mention that the template changed in the changelog ?

[Bored-Bohr]

This overflow causes the overflow to be applied to the inner container instead of the parent mat-sidenav. It will now look like

if you attempt to set styles such as padding or width to the mat-sidenav element

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