sidebar below toolbar. appendTo has no effect.

[abstract]

hello,

I'm trying to have a sidebar inside a div with [appendTo]="mainPage" but the sidebar is always on the body (it is a right side bar which covers all page's height). Basically, what I would like to do is have the sidebar below the toolbar.

<div id="toolbar">
<p-toolbar>
hello
</p-toolbar>
</div>
<div #mainPage>
hello
</div>

<p-sidebar position="right" [modal]=false [visible]="true"
[appendTo]="mainPage">
hello
</p-sidebar>

What is the correct way to achieve this?

Thank you.

[PhilHuhn]

Hey:

I tried it, here, but no luck
https://stackblitz.com/edit/primeng-sid ... onent.html

My opinion is that it is a bug. I suggest to go to the PrimeNG's GitHub and report an issue:

https://github.com/primefaces/primeng/issues

[abstract]

Thanks for your reply.

I will post an issue then.

edit: I posted an issue and put your link within. thank you.

https://github.com/primefaces/primeng/issues/10364