Cannot append paginator dropDown to body, I've tried both appendTo and dropdownAppendTo set to 'body' with no luck.
This make the component unusable within cropped containers (e.g, overflow hidden).
On top of that, every drop-down in the library seems to always drop "down" even if there's no space left in the parent container or even the viewport.
Environment
PrimeNG 18 + Angular 18, tried chrome.
Reproducer
No response
Angular version
18
PrimeNG version
18-beta3
Build / Runtime
Angular CLI App
Language
TypeScript
Node version (for AoT issues node --version)
20.13.1
Browser(s)
No response
Steps to reproduce the behavior
Add paginator to the bottom of any container with overflow hidden, add appendTo 'body', the paginator dropdown is cropped.
Expected behavior
The dropdown should not crop. p-select with appendTo 'body' does not crop.
I would love to know if p-select and every other drop-down in PrimeNG 18+ will reposition on top if there's no space below at some point. I guess so, but when?
Describe the bug
Cannot append paginator dropDown to body, I've tried both
appendTo
anddropdownAppendTo
set to'body'
with no luck. This make the component unusable within cropped containers (e.g, overflow hidden).On top of that, every drop-down in the library seems to always drop "down" even if there's no space left in the parent container or even the viewport.
Environment
PrimeNG 18 + Angular 18, tried chrome.
Reproducer
No response
Angular version
18
PrimeNG version
18-beta3
Build / Runtime
Angular CLI App
Language
TypeScript
Node version (for AoT issues node --version)
20.13.1
Browser(s)
No response
Steps to reproduce the behavior
Add paginator to the bottom of any container with overflow hidden, add
appendTo 'body'
, the paginator dropdown is cropped.Expected behavior
The dropdown should not crop. p-select with
appendTo 'body'
does not crop.