【问题标题】:Characters doesn't show as I type in textarea on iOS with Ionic 3当我使用 Ionic 3 在 iOS 上输入 textarea 时,字符不显示
【发布时间】:2018-02-22 06:40:33
【问题描述】:

我在 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;
      }

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

【问题讨论】:

    标签: ionic-framework ionic2 textarea ionic3


    【解决方案1】:

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

    【讨论】:

      【解决方案2】:

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

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

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

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

      【讨论】:

      • 问题依旧...&lt;ion-textarea class="textarea" spellcheck="true" autoComplete="true" autocorrect="true" placeholder="Message"&gt;&lt;/ion-textarea&gt;
      • 你不应该需要额外的课程。如果您在旁边输入两个小“i”会发生什么情况,您会看到两个还是只看到一个?
      • 我的错误,这只是我的另一类 css 影响了:before。感谢您的帮助!
      • 乐于助人。如果它是正确的,请接受我的答案;)
      猜你喜欢
      • 2017-12-31
      • 1970-01-01
      • 1970-01-01
      • 2018-08-31
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      相关资源
      最近更新 更多