当我使用 Ionic 3 在 iOS 上的文本区域中键入时，字符不显示

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 在 ionic 中效果不佳。

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>

这也应该可以避免你的输入问题。

当我使用 Ionic 3 在 iOS 上的文本区域中键入时，字符不显示

Characters doesn't show as I type in textarea on iOS with Ionic 3

textarea

ionic-framework

ionic2

ionic3