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:
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.
@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.
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.
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?
@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…