-
Notifications
You must be signed in to change notification settings - Fork 6.8k
Description
Bug, feature request, or proposal:
Bug
What is the expected behavior?
fixed elements to be fixed without css tricks
What is the current behavior?
To keep elements fixed (such as toolbar on the top, floating buttons on on the bottom) I need to set height: 100%
on html
, body
, main
, and md-sidenav-container
(and any other potential parents). I have to set overflow-y: auto
on the md-sidenav-container
too.
If any of those properties is omitted, then toolbar & floating buttons fixed
property is now taken as absolute
.
What are the steps to reproduce?
Just look this sample and try to fix the toolbar ; or jsut get an empty app with a sidenav and a toolbar. Unfortunately I can't provide any plunker (proxy doesn't allow it).
What is the use-case or motivation for changing an existing behavior?
It seems to be a misfunction of the component and not the actual expected behavior. Plus, those css tricks I mentioned cause side-effets, especially on scroll event caption.
Which versions of Angular, Material, OS, browsers are affected?
All I tested. From the alpha 10 to the current version, beta 2. I should have post this earlier, but I thought someone else would have find it. My bad.
Is there anything else we should know?
If this issue is known, please ignore this, but I couldn't find any related issue.