Javascript 在输入焦点从键盘更改为非键盘输入后，如何使ion select popover正确渲染？

（爱奥尼亚3）

在我的

组件HTML

中，我有一个

选择框（离子选择）

，显示一些选项

<ion-content padding>
  <form [formGroup]="p" (ngSubmit)="submit()">
    <ion-item>
      <ion-label floating>{{"somePage.bId"|translate}}</ion-label>
      <ion-input type="tel" formControlName="pId"></ion-input>
    </ion-item>
    <ion-item>
      <ion-label floating>{{"somePage.defect"|translate}}</ion-label>
      <ion-select formControlName="error" interface="popover">
        <ion-option *ngFor="let option of options" [value]="option.error">{{option.description}}</ion-option>
      </ion-select>
    </ion-item>
    <ion-item>
      <ion-label floating>{{"message"|translate}}</ion-label>
      <ion-textarea
        rows="13"
        formControlName="message"
        autocorrect="on"
        autocomplete="on">
      </ion-textarea>
    </ion-item>
    <button *ngIf="!..." ion-button type="submit" [disabled]="...">{{"submit"|translate}}</button>
  </form>
</ion-content>

{{“somePage.bId”{翻译}
{{“somePage.defect”| translate}
{{option.description}}
{{“消息”|翻译}
{{“提交”|翻译}

当用户

选择的第一件事是选择框时，它就会打开，并且可以像人们所期望的那样滚动。

但如果要先选择数字输入

，则会打开键盘。输入

编号

并点击选择框后，它将打开，但不能滚动，并且溢出屏幕

显然，

popover

在较小的屏幕上计算得更大，通过键盘覆盖层得到更高的窗口高度，下面的

日志

显示

（*height*是选择框的高度，窗口高度是不言自明的）

（第二行显示小车箱）

我正在使用当前的

3.9.9版。

是否有解决此问题的变通方法/解决方案，以便

弹出窗口正确呈现