SlideMenu: Popup in toolbar scrolling issues (Angular 15, Stackblitz)

[mcalihe]

SlideMenu: Popup in toolbar scrolling issues (Angular 15, Stackblitz)

Dear PrimeNg Team,

i have the following issue with the SlideMenu inside a Toolbar:

The toolbar is fixed on top with "position: absolute;top:0;left:0;width:100%;". The slidemenu (popup: true) is located inside the p-toolbar.

If it is attached to body, it will move on scroll. If it is not attached to the body (default), it will be placed wront if scrolled before opening the slidemenu.

So i would need a solution for this slidemenu popup to work inside a toolbar.

Here is a Stackblitz which showcases my issue: Stackblitz Env for repro https://stackblitz.com/edit/primeng-slidemenu-demo-5hfpiy?file=src/app/app.component.ts

Environment

Stackblitz Env for repro

Reproducer

https://stackblitz.com/edit/primeng-slidemenu-demo-5hfpiy?file=src/app/app.component.ts

Angular version

15.2.4

PrimeNG version

15.3.0

Build / Runtime

Angular CLI App

Language

TypeScript

Node version (for AoT issues node --version)

16.15.1

Browser(s)

No response

Steps to reproduce the behavior

The toolbar is fixed on top with "position: absolute;top:0;left:0;width:100%;". The slidemenu (popup: true) is located inside the p-toolbar.

If it is attached to body, it will move on scroll. If it is not attached to the body (default), it will be placed wront if scrolled before opening the slidemenu.

Expected behavior

No matter if i scroll first or after opening the menu, i want the option to have a slidemenu that works coorectly (layout) inside a fixed toolbar. It should always be placed correctly at the target and not move on scroll

[puschie286]

Same for the OverlayPanel

[SeanHaleAtPI]

I am experiencing this issue as well but with the plain Menu component