Dropdown positioned partially off-screen

[dcorbin]

When the dropdown button is at the wrong height, the dropdown will be positioned below it even though the bottom of the dropdown will be off screen.

Example: https://github.com/dcorbin-bugs/rnsdDropDownOffScreen

The list is 6 items long, and while it will scroll about 5 pixels, the last item is never made visible on the screen.

[mattlewer]

Getting this as well, for me it started after upgrading to v4. It used to position the dropdown above the select area when it opened if it was close to the bottom of the screen, but now continuously opens underneath regardless of position.

@AdelRedaa97 Is this a quick fix? Upgraded to v4 to allow multiple lines of text, but this issue is preventing us from using this library at present.

[PeterKucera]

I have solved this by writing a patch that will override defaultYPosition in onDropdownButtonLayout

onDropdownButtonLayout(w, h, defaultXPosition ?? px, defaultYPosition ?? py);

Have a look on following example (however it's Y not the X coordinate that you want to override) - link

Then dropdown will be always displayed in top half of the screen.

It would be nice to add onDropdownButtonLayout defaultXPosition and defaultYPosition props in future, so devs can always override this value if needed.