### Steps to reproduce

1. Be on iOS/Safari

2. Login as a user with all WP permissions

3. Go to a WP with relations

4. Tap on Date field


### What is the buggy behaviour?

* Date picker opens on the calendar, hiding the top banner


### What is the expected behaviour?

1. Begin of the insertionAs discussed inEnd of the insertion Begin of the deletion Date picker opens showingEnd of the deletion the Begin of the insertion[frontend meeting](https://community.openproject.org/meetings/7061#item-19636), we will increaseEnd of the insertion Begin of the deletion top ofEnd of the deletion the Begin of the insertiondialogEnd of the insertion Begin of the deletion modal, user needsEnd of the deletion to Begin of the deletion scroll down to see it inEnd of the deletion full Begin of the insertionheight on mobile to gain more space. This is a pragramatic solution that will solve the issue for a majority of cases.End of the insertion


###

### Screenshots and other files

Video in Files tab

### Environment information

**OpenProject version**

Construction de base

[1d860beae8fcc2e500478d8421149d6d3ac5f550](https://github.com/opf/openproject/commits/1d860beae8fcc2e500478d8421149d6d3ac5f550)

Version du produit

[757b160994d7a0c490ec4cdc7e6571c7b1dca270](https://github.com/opf/saas-openproject/commits/757b160994d7a0c490ec4cdc7e6571c7b1dca270)

Version du cœur

OpenProject 16.6.0

**Browser**

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

**Operating System**

* [ ] Windows
* [ ] Mac OS X
* [x] Mobile iOS 15.1/ iPhone 12 mini
* [ ] Mobile Android
* [ ] Linux (please specify distro)
* [ ] Chrome OS
* [ ] Other (please specify)