We want nz-sider to overlay the content instead of pushing the content

[IsaacHub]

What problem does this feature solve?

nz-sider needs to have an option to make it overlay on top of existing content instead of pushing that content, while expanding the nz-sider from collapsed state, just like material design

https://stackblitz.com/edit/angular-keztzw

What does the proposed API look like?

A directive like nzBehavior="overlay | push" is better
<nz-sider nzCollapsible nzBehavior="overlay" nzWidth="200px">

It needs to have black overlay, once you click the overlay it should go back to folded state.

[IsaacHub]

It's unbelievable that this simple basic feature is missing in this library.

[duongleh]

You can use NzDrawer to make this happens

[PhilippMatzel]

Is someone working on this issue?

[PrabagaranSekar]

Is this issue fixed? if it means please post it here,
if not suggest me any other solution.
Thanks in advance

[notthewaquar]

Is there an update for this issue ??
Please let us know, Thank you !!

[Jhonatanzr]

Esto seria supremamente util, poder realizarlo sin tener que depender de otros controles adicionales.

[predefinedx]

I was also searching for solution to this problem. After some hours of tweaking here and there, i found one. position: fixed and adding zome z-index did the trick for me. In my case, i had to also add height calculation, because my header was also fixed, but after some tweaking, nz-sider is overlaying content, instead of pushing it away.

At the moment of writing this comment I cannot provide an example in some sandbox, but I certainly will try to find time, to generate an example of how I achieved this.

[Bagestan]

NzDrawer worked fine for me, thanks @duongleh