### Steps to reproduce

1. Login as a user
2. Go to a work package Begin of the insertion
3. Reduce the window heightEnd of the insertion Begin of the deletion that has no descriptionEnd of the deletion and Begin of the deletion therefore noEnd of the deletion scroll Begin of the insertionso that the date field is about two thirds away from the top
1. Note: There should be some space to the bottom but not enough to fit the whole datepicker modal below the fieldEnd of the insertion
Begin of the insertion4.End of the insertion Begin of the deletion 3.End of the deletion Click on "Dates" to open the date picker

Begin of the insertionNote: The bug is due to a timing issue so it might be worth repeating step 4 a few times  

End of the insertion ### What is the buggy behavior?

The date picker still appears bellow the field and gets cut Begin of the deletion as the screen doesn't have scroll.End of the deletion

<figure class="image op-uc-figure"><div class="op-uc-figure--content"><img class="op-uc-image" src="/api/v3/attachments/33175/content"></div></figure>

### What is the expected behavior?

1. The date picker in this case should appear on top of the field so its displayed complete. This placement should be automatically taken in relation to the max height of the modal.

### Environment information

**OpenProject installation type**

* [ ] Hosted cloud edition
* [ ] Packaged installation
* What distribution?
* [ ] Docker All-in-one container
* [ ] Docker-compose installation
* [x] Other: Edge environment

**OpenProject version**

_v12.1.4_

**Browser**

* [x] Chrome
* [ ] Firefox
* [ ] Safari
* [ ] Mobile Safari
* [ ] Other (please specify)

**Language**

English