Dropdowns can Render out of the view

[harryfos]

I was experiencing an issue where for-downs could render partially out of the view making some of the items unelectable, to replicate make a dropdown nearish the bottom of the screen with quite a few items in and it will be partially cut off.

The issue seems to occur because of useLayoutDropdown.js line 26, if height is not specified in dropdownStyle which is not listed as a required prop it uses devices window height / 4. It's quite simple for me to set the height in my usage but potentially dropdownStyle should be listed as required or for the getDropdownHeight to get a value another way.

[VincentGillot]

Same here, is there another fix to this? I don't want a huge dialog for only 3 options, but then I need a big dialog for long lists. Setting max and min heights do not work, only height.

[tsiresymila15]

I have the same issue

[Kam125]

Hey Guys, I had the same issues, & by reading @harryfos question & then the explanation, I tried this & it works for me dropdownStyle={{ height: 300, }}

[Bo0tStr4p]

Hi, I had dropdownStyle={{ height: 300, }} and now it works, but I had problems when screen orientation change