Components: [sidenav @alpha 9] Regression in styling: sidenav positioning is no longer fixed

Created on 18 Oct 2016  路  4Comments  路  Source: angular/components

Bug, feature request, or proposal:

Bug

What is the expected behavior?

md-sidenav should remain visible (fixed) even as the user scrolls down the md-sidenav-layout. This is how alpha 7 or 8 worked.

What is the current behavior?

alpha 9 has regressed. Now, when a user scrolls down to reveal more md-sidenav-layout content, md-sidenav goes off the page.

At top of the page; sidenav open:

1

After scrolling down; sidenav open:

2

What are the steps to reproduce?

  • open this plunker
  • scroll down the page
  • open the sidenav
  • the side menu is not visible.

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

the md-sidenav typically shows a menu or other content that should be visible whenever the panel opens. Currently, the user experience is very poor: the user thinks the site is broken when she opens the sidenav and sees no content (scrolling up is required to reveal the content)

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

Early alphas had this problem, but it was fixed probably around alpha 5. There has been a regression and I noticed the problem on alpha 9-3 on Firefox 49

P2 needs discussion

Most helpful comment

I just fixed it following the accepted answer of this stackoverflow question . Have a look. This can be used as a workaround for the moment.

All 4 comments

@hansl might need some discussions about how we want scrolling to work with sidenav

This is definitely an issue, and seems to be duplicated by #2416, #1793 and #2033 (and maybe more...). To be honest I'm not sure why anyone would want a sidebar where the navigation scrolls away simultaneously with the content - whereas the use case for keeping the sidebar fixed while scrolling the content seems universal. This is an issue which clearly has a lot of community demand and should be highly prioritized IMHO.

I just fixed it following the accepted answer of this stackoverflow question . Have a look. This can be used as a workaround for the moment.

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._

Was this page helpful?
0 / 5 - 0 ratings