当我使用 Ionic 3 在 iOS 上输入 textarea 时，字符不显示

Question

我在 Ionic 3 中使用 <textarea>，但是当我输入时，只显示第一个字符，而不显示其余字符。

只有等待显示它们是关闭键盘，滚动页面并返回。

这是我的代码：

//view
        <textarea class="textarea" spellcheck="true" autoComplete="true" autocorrect="true" placeholder="Message" [(ngModel)]="message"></textarea>

//css
    textarea.textarea {
        width: 100%;
        background-color: #fff;
        border: 0.55px solid #c8c7cc;
        border-radius: 5px;
        padding: 4px 45px 4px 4px;
        -webkit-appearance: none;
      }

我想这是一个令人耳目一新的问题，但不知道如何解决。

Answer 1

如果可以使用，请使用此代码。 我认为 textarea 在离子中不能很好地工作。

Answer 2

Ionic 有自己的textarea 版本，称为ion-textarea： https://ionicframework.com/docs/api/components/input/Input/

它通常用于列表的上下文中以构造内容：

<ion-list>
  <ion-item>
    <ion-textarea placeholder="Enter a description"></ion-textarea>
  </ion-item>
</ion-list>

这也应该避免您的输入问题。