PrimeNG Calendar (p-calendar) Loses alignment when positioned at the top of the input and the user clicks in the year/month

[rffiori]

I'm submitting a ... (check one with "x")

[x] bug report => Search github for a similar issue or PR before submitting
[ ] feature request => Please check if request is not on the roadmap already https://github.com/primefaces/primeng/wiki/Roadmap
[ ] support request => Please do not submit support request here, instead see http://forum.primefaces.org/viewforum.php?f=35

Plunkr Case (Bug Reports)
The original examples from PrimeNG:
https://stackblitz.com/edit/primeng-calendar-demo

Current behavior
When the calendar is aligned on top of the input field and we click on the year/month, to display the list of years/months, the calendar loses its bottom alignment

Expected behavior
When the calendar is aligned on top of the input field and we click on the year/month, to display the list of years/months the calendar should not loses its alignment

Minimal reproduction of the problem with instructions

1. Go to https://stackblitz.com/edit/primeng-calendar-demo

2. Click in the input field(calendar) in the bottom of the page. In my example I am using the calendar Multiple.

3. Click in the year. Result: The calendar loses it's bottom alignment

4. Select the month. Result: The calendar loses it's bottom alignment

5. After select month the calendar goes back to starting point. Result: The calendar is not aligned to the bottom of the input anymore

What is the motivation / use case for changing the behavior?
This is misleading behaviour for users.

Please tell us about your environment:

• Angular version: 13.0.2

• PrimeNG version: 13.0.4

• Browser: [Chrome 96.0.4664.110(64 bits) | Chrome (Android 11) 96.0.4664.104 | Firefox 95.0.2(64 bits) | Edge 96.0.1054.62 (64 bits) ]
  This are the browsers I have available for testing