Increase width of <ion-select>


The template:

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

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

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


just write this in your sass file :slight_smile:

        max-width: 70% !important;