ion-select не показывает содержимое при нажатии

Question

Update: Это не работает в мобильном представлении. Вы можете изменить это в браузере и установить его как galaxy s5. После настройки окна просмотра устройства необходимо обновить браузер. т.е. f5

stackblitz

Внутри формы у меня есть это:

 <ion-item>
    <ion-select formControlName="title" required item-start>
        <ion-option value="1">Mr.</ion-option>
         <ion-option value="2">Mrs.</ion-option>
     </ion-select>
     <ion-label floating>{{'full-name' | translate}}</ion-label>
     <ion-input formControlName="fullName" type="text" required></ion-input>
            <img src="assets/imgs/icon_user.png" class="icon_user" item-end />
  </ion-item>

Но он не показывает раскрывающийся список, когда я щелкаю по нему. Но если я уберу этот (то есть ion-input) элемент управления, я смогу увидеть выпадающий список. т.е. <ion-input formControlName="fullName" type="text" required></ion-input>

Note: Я вижу оба элемента управления на форме, вот так.

.ts

initForm() {
    this.signUpForm = this.formBuilder.group({
      title: ['1', Validators.required],
      fullName: ['', Validators.required],

    });
  }

Знаете ли вы, почему это поведение?