Handle cases when the main boundary has a low height
Unfortunately when our <main>
container is has a small height, the dropdown can go in an unexpected direction:
I tried different ideas, like changing the boundary
in gitlab-ui
with no success.
One possible solution is to force elements inside the <main>
element to become taller, by adding some padding or margins to the form component:
Edited by Miguel Rincon