Beta.10 breaks floating elements inside sidenav

[twoheaded]

Bug, feature request, or proposal:

Bug

What is the expected behavior?

It is necessary to place floating elements inside sidenav.
In Beta.8 elements with styles:

position: fixed;
bottom: 0;
right: 0;

and

/deep/ .mat-sidenav-content {
  transform: none !important;
}

works well.

What is the current behavior?

Floating elements that placed in a subcomponent inside the sidenav now doesn't fixed in bottom right of browser window.

The same thing is with position absolute in the sidenav documentation example.

What are the steps to reproduce?

Beta.10 also broke all the plunker examples in the documentation. Therefore, I can not greet the example. See the documentation page

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

Angular 4.3.6, Material beta.10, Win10, TS 2.2.2, all current versions of brousers

[willshowell]

See #7108 for the example. CSS changes between beta releases so you need to update your css if you are overriding default behavior.

[twoheaded]

https://plnkr.co/edit/6UnTMCXSEdWzhAQJSLat?p=preview

Look at the right fab button. It moves when you scroll the content of sidenav. This should not happen.

[willshowell]

Oh my bad! Wrong PR... see #7099 instead 😄

[twoheaded]

overflow: auto and height: 100% applied to the scrolling content make my elements floating again, but break my fxFlex column grid system 😄 But that's another story. Thanks!

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