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.