primefaces / primeng

The Most Complete Angular UI Component Library
https://primeng.org
Other
10.62k stars 4.63k forks source link

Component: p-paginator #16709

Open Zackysh opened 3 weeks ago

Zackysh commented 3 weeks ago

Describe the bug

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.

Zackysh commented 3 weeks ago

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?

github-actions[bot] commented 1 week ago

Thanks a lot for this issue! PrimeNG team's roadmap is busy, but community feedback is crucial in prioritization. The more upvotes help ensure this fix can be addressed quickly or the related PR can be merged soon.

github-actions[bot] commented 1 week ago

Due to PrimeNG team's busy roadmap, this issue is available for anyone to work on. Make sure to reference this issue in your pull request. :sparkles: Thank you for your contribution! :sparkles: