Ionic 4: ion-select doesn't work well on IOS

#1

When on IOS, ion-select doesn’t trigger choices when tapping on it. It does so when tapping on its boundaries / borders.

An example of faulty code :

              <ion-list>
                <ion-item no-padding>
                  <ion-label position="floating">{{'GENDER' | translate}}</ion-label>
                  <ion-select formControlName="gender">
                    <ion-select-option value="male">{{"MALE" | translate}}</ion-select-option>
                    <ion-select-option value="female">{{"FEMALE" | translate}}</ion-select-option>
                  </ion-select>
                </ion-item>
              </ion-list>

Am I missing something ?

#2

Still need for help on that one

#3

it’s the position=“floating” in the label that’s doing it. I have no idea why but if you remove it it’ll work as expected

    <ion-list>
      <ion-item no-padding>
        <ion-label>{{'GENDER'}}</ion-label>
        <ion-select formControlName="gender">
          <ion-select-option value="male">{{"MALE" }}</ion-select-option>
          <ion-select-option value="female">{{"FEMALE"}}</ion-select-option>
        </ion-select>
      </ion-item>
    </ion-list>
1 Like
#4

Oh, really ??? I will try it when I get home, thanks !

#5

Worked, you’re the real deal, heh !