### Steps to reproduce

Begin of the deletion _Please write down the steps to reproduce. Try to write down all necessary preconditions (what permissions do you have, are other users involved?). Example:_

End of the deletion 1. Login to QA Edge and open a WP list Begin of the insertion

End of the insertion Begin of the deletion
End of the deletion 2. Click on 3 dots -> Configure view -> Begin of the insertionSort by

End of the insertion Begin of the deletion Gantt chart
End of the deletion 3. Begin of the deletion Check the Show Gantt chart -> Label configuration section appears
4. End of the deletion Click on Begin of the insertionID (first field under Automatic)


End of the insertion Begin of the deletion one of the fields in that section so that the dropdown opens

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

Begin of the deletion _Please describe the bug with as most details as possible. Example:_

End of the deletion * Begin of the insertionOverflow issue due toEnd of the insertion Begin of the deletion Since one of the items in the dropdown hasEnd of the deletion a Begin of the deletion veryEnd of the deletion long Begin of the insertionCF label


End of the insertion Begin of the deletion label, the dropdown kind of overflows way beyond the modal. Here is one of the screenshots from Chrome:

End of the deletion <img class="op-uc-image op-uc-image_inline" Begin of the insertionsrc="/api/v3/attachments/918513/content">End of the insertion Begin of the deletion src="/api/v3/attachments/50602/content">End of the deletion

Begin of the deletion * On Firefox, on the other hand, dropdown actually opens upwards so the same case gives the following position on the screen:

<img class="op-uc-image op-uc-image_inline" src="/api/v3/attachments/50603/content">

End of the deletion ### What is the expected behavior?

Begin of the deletion _Describe how the application should behave like. Example:_

End of the deletion 1. Begin of the insertionLabel shouldEnd of the insertion Begin of the deletion This is probably an edge case due to the long label of one of the custom fields but the dropdown needs toEnd of the deletion be Begin of the deletion better positioned in case something like that happens. For example, this happens also on Time and costs -&gt; New cost report -&gt; Add filter. But it does not happen on Work package list -&gt; Filter -&gt; Add filter because the long label isEnd of the deletion truncated Begin of the insertion


End of the insertion Begin of the deletion and this is how it looks like:

<img class="op-uc-image op-uc-image_inline" style="width:937px;" src="/api/v3/attachments/50604/content">

End of the deletion ### Environment information

_Please check and fill out the following details to help us identify in what versions and distributions of OpenProject the error occurs_

**OpenProject installation type**

* [ ] Hosted cloud edition
* [ ] Packaged installation
* What distribution? Begin of the insertion

End of the insertion Begin of the deletion
End of the deletion * [ ] Docker All-in-one container
* [ ] Docker-compose installation
* [x] Other (please specify): QA Edge Begin of the insertion17.1End of the insertion Begin of the deletion 12.5.0End of the deletion

**OpenProject version**

Begin of the insertion_17.1_End of the insertion Begin of the deletion _If you&#39;re not running on the cloud edition, please specify the version of OpenProject you&#39;re running. Example: v12.1.5_End of the deletion

**Browser**

* [x] Chrome
* Begin of the insertion[ ]End of the insertion Begin of the deletion [x]End of the deletion Firefox
* [ ] Safari
* [ ] Mobile Safari
* [ ] Other (please specify)