Ionic 4: ion-select не работает на IOS - PullRequest
Новая
       42

Ionic 4: ion-select не работает на IOS

1 голос
/ 02 апреля 2019

Когда в IOS, ion-select не вызывает выбор при нажатии на него. Это происходит при нажатии на его границы / границы.

Пример неисправного кода: 

    <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>

Я что-то упустил?

Ответы [ 2 ]

1 голос
/ 03 апреля 2019

Неисправная деталь - это position="floating" на элементе label.Удаление или установка чего-то еще, например stacked, устраняет проблему. 

<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>
0 голосов
/ 02 апреля 2019

Добавьте атрибут tappable к <ion-item>: 

<ion-list>
 <ion-item tappable 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>
...