Hot to make a bottom sheet like behavior using side navigation?

[tiancovici]

Feature request, or proposal:

Would be ideal if we can make mat-sidenav have an input to allow to start from bottom rather than top.

What is the expected behavior?

I was hoping bottom sheet would be available, but for now wondering if we can replace it with mat-sidnav-container.

What is the current behavior?

No matter where I set bottom:0px; in mat-sidenav-container, I can never force the content to start from bottom. Is it possible to make it happen?

What are the steps to reproduce?

I put together an example here.

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

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

"@angular/animations": "^4.1.3",
"@angular/cdk": "^2.0.0-beta.12",
"@angular/cli": "^1.2.0",
"@angular/common": "^4.1.3",
"@angular/compiler": "^4.1.3",
"@angular/compiler-cli": "^4.1.3",
"@angular/core": "^4.1.3",
"@angular/forms": "^4.1.3",
"@angular/http": "^4.1.3",
"@angular/material": "^2.0.0-beta.12",
"@angular/platform-browser": "^4.1.3",
"@angular/platform-browser-dynamic": "^4.1.3",
"@angular/platform-server": "^4.1.3",
"@angular/router": "^4.1.3",

[Kyderman]

Try:

Width: 100%
Margin-top 90%
Height: 10%

[jelbourn]

See #8113

[tiancovici]

@Kyderman, That's pretty close, but for some reason it's stuck in the center. At that point in order to make it bottom sheet like, it needs at least height of 50%; (tried inserting your css in mat-sidenav-container)

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