search

primefaces / primeng

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

p-calendar: The component changes position as the months change #16444

Open ZeroSkill830 opened 1 month ago

ZeroSkill830 commented 1 month ago

Describe the bug

By moving back and forth between months, the calendar is rendered in different positions despite there being space.

(Use large screen to replicate)

Registrazioneschermo2024-09-26alle16 31 51-ezgif com-video-to-gif-converter

Environment

Angular > 17 PrimeNG > 17

Reproducer

https://stackblitz.com/edit/github-5eeyk6-9uzckn?file=src%2Fapp%2Fapp.component.scss

Angular version

18.2.3

PrimeNG version

17.18.0

Build / Runtime

Angular CLI App

Language

TypeScript

Node version (for AoT issues node --version)

18.11

Browser(s)

No response

Steps to reproduce the behavior

1) Go on stackbiltz 2) Shrink the window vertically until you can no longer see the writing and the red background 3) Open the dialog using the button 4) Navigate forwards and backwards between months 5) The calendar is rendered first above and then below even if there is enough space to always remain in the same position

Expected behavior

The calendar should always have the same location if there is space available.

It would be very nice to be able to specify a fixed default position (left | right | top | bottom)

github-actions[bot] commented 16 hours 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: