PeterStaev / NativeScript-Drop-Down

A NativeScript DropDown widget.
Apache License 2.0
105 stars 65 forks source link

Incorrect styling of dropdown on android #261

Open mmerbes opened 2 years ago

mmerbes commented 2 years ago

When using the drop-down on android the font is squeezed to a small size in the top left hand corner of the drop down. The select items font size is also too small. All of this displays at the excepted size on iOS. This is only a problem on android. Any kind of styling I have tried via css classes has changed nothing.

Screenshot_20220216-112005 Screenshot_20220216-112021

Html `

CSS but the .item-drop-down stylings don't seem to do anything. .drop-down-holder { border-width: 2; border-color: $border-light; background-color: $background-light; width: 100%; margin-top: 25px; }

.item-drop-down { width: 100%; padding: 15px; font-size: 100%; } ` I would like some way to change the font size to an acceptable level.

PeterStaev commented 2 years ago

Hey @mmerbes , I do not think setting 100% would work. Try removing the fontSize property and put something big in the style, like font-size: 50. See if that would change anything.

mmerbes commented 2 years ago

The 100% styling works on iOS interestingly enough. And that was just my latest attempt after something simple like font-size: 50 failed. As far as I can styling on android is broken.

zeejay09 commented 2 years ago

Encountering same problem here, when I open the dropdown, the styling is okay at first: image

but when I open it back, the styling is broken: image

tested only in android.