Ionic2 Ionic 3 ion input捕获Android中整行的焦点

这个爱奥尼亚页面只是一个包含一些元素的表单。在Phone字段中，我创建了一个模式，当您单击图像时会打开该模式：

[...]
+{{countryCode}

它在ionic-lab上的iOS和Windows上都能完美地工作。但在Android上的行为是不同的：当我点击图像时，手机的Ionion输入获得焦点，整个表单向上移动，为键盘留出空间，并将字段隐藏在标题下

我想：

1） 能够使图像可点击

2） 当离子输入聚焦时，禁用自动滚动。我尝试了

键盘。禁用滚动（true）

但没有成功

有什么想法吗？谢谢

更新：

如前所述，将

.input cover{position:static；}

添加到scss文件可以稳定表单并使图像单击事件响应！这就解决了第一个问题

但我仍然有一个问题，当键盘打开时，整个页面向上移动，顶部元素隐藏在标题下方（并且您无法向下滚动）。

1）您需要在

img

中创建一个单独的

离子项。如果您在
离子项目中有
离子输入
，则您所做的一切都将是该
输入
的“一部分”

2） 不通过ts进行操作的最简单方法是使用常规输入，而不是
离子输入
，或者在
div
中使用
离子输入
，而不是
离子项
。第二个是我刚才提到的，因为如果您在
ion项中有
ion输入
，则会出现显示键盘的滚动行为

希望这有帮助：）
对于1）您可以尝试创建一行，其中包含两个单独的列，一个用于标志，另一个用于输入。对于2），请看一下。我已经更新了我的答案，第一个问题的有效解决方案看起来是什么！Sebaferreras，我试过那篇文章中的解释，但当我改变键盘时，我没有注意到任何变化。禁用在true和false之间滚动。
<ion-grid>
  <ion-row>
   <ion-col>
    <form #registerForm="ngForm" novalidate [formGroup]="form">    

      [...]

      <ion-item>
        <img item-left margin-left src={{flagPath}} (click)="presentCountryModal()">
        <p item-left (click)="presentCountryModal()">+{{countryCode}}</p>
        <ion-icon item-left name="arrow-dropdown" (click)="presentCountryModal()">
        </ion-icon>

        <ion-input
          placeholder="Phone"
          type="text"
          [(ngModel)]="account.phone" 
          name="phone"
          required
          pattern=".{8,}"
          #phone="ngModel"
          ></ion-input>
        </ion-item>