Increase width of <ion-select>


#1

The template:

<ion-item>
    <ion-label stacked>Select long text</ion-label>
    <ion-select>
        <ion-option value="opt1">Very very long text</ion-option>
    </ion-select>
</ion-item>

This gets cut off since the default width for appears to be quite narrow.

How do I change the width?


Ion-option in ion-select doesn't use full width
#2

if you want the select grows with the selected text option, use:
> .my-select {
>max-width: 100%;
> }

or, if you want to define other fixed width for select, use:

.my-select {
min-width: 70%;
}

then, use the class in your select


#3

just write this in your sass file :slight_smile:

ion-select{
        max-width: 70% !important;
    }