In the latest version of primeng 18, the sidebar component has been renamed to drawer, but its opening behavior has also changed.
Through the two links in the guide, you can already see the difference:
In version 17 [https://primeng.org/sidebar], the sidebar opened inside the parent node and it was possible to set specific css of the parent child type:
In version 18 [https://v18.primeng.org/drawer], the drawer component remains empty inside the parent node, while its code now appears outside the DOM hierarchy.
Environment
PrimeNG Version: 18
Browser: Chrome
Operating System: Windows
Describe the bug
In the latest version of primeng 18, the sidebar component has been renamed to drawer, but its opening behavior has also changed.
Through the two links in the guide, you can already see the difference: In version 17 [https://primeng.org/sidebar], the sidebar opened inside the parent node and it was possible to set specific css of the parent child type:
In version 18 [https://v18.primeng.org/drawer], the drawer component remains empty inside the parent node, while its code now appears outside the DOM hierarchy.
Environment
PrimeNG Version: 18 Browser: Chrome Operating System: Windows
Reproducer
https://v18.primeng.org/drawer
Angular version
18
PrimeNG version
18
Build / Runtime
Angular CLI App
Language
TypeScript
Node version (for AoT issues node --version)
21
Browser(s)
No response
Steps to reproduce the behavior
No response
Expected behavior
The new Drawer should behave as in version 17, that is to maintain a hierarchy of elements