Hide browser adressbar and menu on mobile

[mackelito]

Bug, feature request, or proposal:

Not sure..

What is the expected behavior?

When scrolling a page the menu and adressbar should hide/minimize

What is the current behavior?

It stays the same when scrolling

What are the steps to reproduce?

Pick you fave browser (on mobile) and go to https://material.angular.io/components
Start scrolling down and you´ll see that the bar does not change.

Providing a Plunker (or similar) is the best way to get the team to see your issue.
Plunker template: https://goo.gl/DlHd6U

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

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

Is there anything else we should know?

[willshowell]

I think this is because scrolling is done inside the mat-sidenav-content which the browser doesn't recognize as "scrolling the page" when it's absolutely positioned. See #1179

[mackelito]

Yes that was my idea as well... and we also have our menu above the mat-sidenav-content.. any ideas on how to solve it?

[josephperrott]

This should be resolved with #6712

[mackelito]

So this seems to still be an issue..
This ticket is about when scrolling a page.. hiding the native browser adressbar.
PR #6712 is about having a fixed sidenav..

Could we please reopen this?

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