ion-select does not show full text Ionic 3

0

The ion-select in my form does not show the full text, despite having enough space. How could I control that?

<ion-row>
    <ion-col col-9>
      <ion-item>
        <ion-select formControlName="articulo1">
          <ion-option *ngFor="let producto of productos" [value]="producto.prod">{{producto.prod}}</ion-option>
        </ion-select>
      </ion-item>
    </ion-col>
    <ion-col col-3>
      <ion-item>
        <ion-input formControlName="palets1" type="number" [value]=palets1></ion-input>
      </ion-item>
    </ion-col>
</ion-row>
    
asked by Fomare 03.05.2018 в 20:18
source

1 answer

1

Hello! Maybe a little late, but I had exactly the same problem as you and I solved it by putting this kind of css on the ion-select:

.myCustomSelect{
    max-width: 100% !important;
   }

Source: link

    
answered by 02.10.2018 в 16:49