除了离子列表的第一个之外，无法编辑输入

Question

我是 ionic 的初学者。该应用程序在 Chromium 中运行良好。 android构建时，如果所有输入都已填充，则无法再次编辑最后3个输入。这里的html：

<ion-header>
<ion-navbar color="danger">
<ion-title>Ajouter une seance</ion-title>
</ion-navbar>

</ion-header>


<ion-content padding>
<ion-list>

<ion-item>
<ion-label fixed>Duree</ion-label>
<ion-input type="time" step="2" value="0" ></ion-input>
</ion-item>

<ion-item>
<ion-label fixed>Date</ion-label>
<ion-input type="date" value="0"></ion-input>
</ion-item>
<ion-item>
<ion-label fixed>Distance(km):</ion-label>
<ion-input type="number" ></ion-input>
</ion-item>

<ion-item>
<ion-label fixed>FC moyenne</ion-label>
<ion-input type="number" ></ion-input>
</ion-item>

</ion-list>
</ion-content>

这可能很明显。感谢您的帮助。

Answer 1

我找到了一个解决方案，离子输入不会失去焦点并保持可编辑状态。我在给定的代码中删除了 ion-header、ion-content 和 ion list 标签。现在，它与 Android 完美配合。但作为 ionic 的新用户，我真的不明白删除这些标签会带来什么。

更新

我终于找到了解决办法： 在scss中，添加：

.input-cover {

   position: static;

}

现在输入总是可聚焦的，我可以使用 ion-content、ion-header。

Answer 2

您可以尝试删除padding，如下所示。

<ion-content>
<ion-item>
  <ion-label fixed>Distance(km):</ion-label>
  <ion-input type="number" text-right></ion-input>
</ion-item>
</ion-content>