ion-textarea autoGrow="true" 在模态上，仅第一次工作

Question

我对 ion-textarea autoGrow="true" 有一个奇怪的行为，这是在 ionic 4.4 中引入的，这是第一次正确地进行 autoGrow。第二次文本区域少于 1 行。我们看不到文字。

第一次 ：

第二次：

我像这样打开模态

 displayModal(data) {
this.modalCtrl.create({
  component: EventDetailModalComponent, componentProps: {
    event: data.appointmentData,
    timeFormat: this.timeFormat,
    dateFormat: this.dateFormat
  }
}).then(modalElement => {
  modalElement.present();
});  }

并像这样关闭：

   onCancel() { this.modalCtrl.dismiss(); }

视图包含：

 <ion-item lines="none">
        <ion-label position="floating">{{'DESCRIPTION' | translate }}</ion-label>
        <ion-textarea readonly disabled autoGrow="true" class="ion-text-justify" value="{{ description }}" ></ion-textarea>
 </ion-item>

有关信息，文本是由程序手动插入 value="x" 中的，而不是由用户输入的。

我正在运行最新版本的 ionic ("@ionic-native/core": "^5.11.0") 和 Angular (8.2)。

在 Mac 上的最新版本的 Chrome、Safari 和 FireFox 上测试了同样的问题。

Answer 1

您可以在 ion-textarea 的 textarea 子元素上设置最小高度，如下所示

::ng-deep textarea {
    min-height: 45px;
}