Select dropdown is being cut off

Hey everyone, as you can see in the picture, my select dropdown is being cut off by the edge of the screen. Is there any way to prevent this from happening? Best regards!

Hi Tomerer!

This is a design issue and browsers behave this way.

You will be able to solve this by experimenting with the following options:
1- Add a scrollbar to your dropdown
2- Make the Height “auto” of the parent element
3- If nothing works you need to rethink the order of your form elements and put the dropdown at the beginning of the form

Hope this helps :waving_hand:

Thanks!
For now I just capped the height of the dropdown, so also on small screens it won’t be cut off, and I added the scroll feature + moving the whole modal to the top of the page for extra space

1 Like