Dropdown menu incorrect size on Android

Hi all,

I’m having an issue where my dropdown box is expanding on an Android device. It doesn’t happen on an Iphone. Has anyone faced this and know how to fix it please? I’ve tried the advice from other posts such as minimum height, ensuring the px’s are the same, etc but no luck. Screen shots below:

Adalo builder:

Adalo previewer:

Android device:

Thanks!!

@CH_Team are you able to help with this please? I raised a ticket 9 days ago, but I haven’t seen any updates yet. Thank you.

The dropdown expanding issue on Android but not on iPhone may be due to device-specific rendering differences. Try setting a fixed height instead of Auto, use percentage based width, and ensure the dropdown is inside a group or rectangle to control layout. If the issue persists, test with different font sizes or padding adjustments.

hope this help

@gabby thanks for your suggestions. I tried all of them, and unfortunately none worked. I recreated the dropdown on an entirely different page and it got the same results.

For anyone in the future reading this. I haven’t solved the dropdown issue itself, but I did create a manageable (albeit frustrating to have to do in the first place) workaround.

I made the dropdown completely transparent and put an icon behind it. The text still appears when a user selects the dropdown in the colour you choose in the settings (see screen shot below).

@CH_Team @james.crennan, I’m really unhappy with this experience. A ticket raised 12 days ago, a chase by me days ago, and still radio silence is pretty poor customer support. Even a “we can’t look in to it right now but we’ll get back to you in x weeks” would have been nice.

1 Like

Hey @AliM,

Apologies for the delay on this. The ticket was tagged incorrectly which was why it was missed by our team.

I responded in the ticket but to update here, this is an issue with how components are rendered and the text will be hidden if the font of the device varies or if the screen size differs which is very common on Native. The best setup would be to have the dropdown below the search bar to avoid this issue.

-Jessi

1 Like

Hi Jessi/ @CH_Team, thanks for the reply.

I tried having the dropdown under the search bar (both within a different container and within the same container), the dropdown component reacted the same way (expanding in height). The only way I could resolve it is as mentioned above. Will there be a fix to this at some point do you know?

Thanks!

1 Like

I have same issue and it’s VERY frustrating… There is no way to fix an height of a dropdown??

@mco I didn’t receive an update to say it was fixed (or to acknowledge it was a problem). The above work around works well for me, but I’d suggest creating another ticket to try and raise awareness of the problem (and more importantly get it fixed for you!)

It can be a solution but for example i have a dropdown with international country codes… i’m basically forced to put a free input on the side of the dropdown to type the phone number…

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.