Ion-select not all options are displaying

@Fatfree wrote:

I have an ion-select component with 11 options but only the first 5 show up in the alert. A scrollbar appears but scrolling down doesn’t reveal the other options. I can click in the empty space and an option will appear but the others disappear. This is my code:

<ion-item>
        <ion-label floating>Please Select Cause</ion-label>
        <ion-select
        [(ngModel)]="lossCause"
        formControlName="lossCause"
        submitText="OK"
        cancelText="Cancel"
        name="lossCause">
          <ion-option value="Earthquake">Earthquake</ion-option>
          <ion-option value="Explosion progress">Explosion progress</ion-option>
          <ion-option value="Water Damage">Water Damage</ion-option>
          <ion-option value="Glass Breakage">Glass Breakage</ion-option>
          <ion-option value="Malicious Mischief and Vandalism">Malicious Mischief and Vandalism</ion-option>
          <ion-option value="Riot and Civil Commotion">Riot and Civil Commotion</ion-option>
          <ion-option value="Fire">Fire</ion-option>
          <ion-option value="Wind">Wind</ion-option>
          <ion-option value="Structural Failure">Structural Failure</ion-option>
          <ion-option value="Snow/Ice">Snow/Ice</ion-option>
          <ion-option value="Burglary">Burglary</ion-option>
        </ion-select>
</ion-item>

also the scrollbar scrolls forever.

Posts: 1

Participants: 1

Read full topic