md-sidenav-layout should not prevent use of position:fixed

angular / components

Component infrastructure and Material Design components for Angular

https://material.angular.io

MIT License

24.32k stars 6.73k forks source link

md-sidenav-layout should not prevent use of position:fixed #778

Closed Hades32 closed 6 years ago

Hades32 commented 8 years ago

package version: Alpha5.2

md-sidenav-layout seems to work with with css transforms what in turn breaks position:fixed as this establishes a new viewport.

This makes it impossible to place floating elements inside content in this layout.

I use the content as my router-outlet (what probably many will do). In my content I want to use a floating md-fab button which I now have to place in the main application component. this sucks.

AmirTugi commented 7 years ago

+1 Experiencing it right now

sebastianhaas commented 7 years ago

Confirm that this is still an issue. It's really really annoying. Even if I manage to put it outside the sidenav-layout (which is not so easy to achieve since I have to pass icon, click handler/router link etc.), the fab isn't affected by the black transparent overlay on sidenav.open() anymore which is a big visual break.

petrosalema commented 7 years ago

safaahammoud commented 5 years ago

Adding z-index 1000 to the parent which has position fixed would fix the issue.

angular-automatic-lock-bot[bot] commented 5 years ago

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