primefaces / primeng

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

Component: p-paginator #16709

Open Zackysh opened 8 hours ago

Zackysh commented 8 hours 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 7 hours 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?