单击时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],

    });
  }

你知道为什么会这样吗？