Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Incorrect styling of dropdown on android #261

Open
mmerbes opened this issue Feb 16, 2022 · 3 comments
Open

Incorrect styling of dropdown on android #261

mmerbes opened this issue Feb 16, 2022 · 3 comments
Labels

Comments

@mmerbes
Copy link

mmerbes commented Feb 16, 2022

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
<StackLayout class="drop-down-holder"> <Dropdown #dropDown height="50" [items]="choices" [(ngModel)]="selectedIndex" [selectedIndex]="selectedIndex" itemsTextAlignment="center" class="item-drop-down" (selectedIndexChanged)="updateIndex($event)" fontSize="30" ngDefaultControl > </Dropdown> </StackLayout>
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
Copy link
Owner

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
Copy link
Author

mmerbes commented Feb 16, 2022

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
Copy link

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.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
Projects
None yet
Development

No branches or pull requests

3 participants