光标在输入文本区域的开头重置自身

Question

我有一个基本的文本区域，如下所示：

  <textarea class="text-input__input"
        name="message"
        placeholder="{{'incidents.input_placeholder' | translate}}"
        rows="1"
        minHeight="21"
        required
        #textInput
        [(ngModel)]="message">
  </textarea>

用于网站。在横向模式下使用 Chrome 在 Android 设备上在此文本区域中键入时，光标会在输入的每个字符开始时重置。因此，如果我们键入 "hello"，则结果为 "olleh"。此行为仅在 Android 设备和 Google Chrome 上观察到，它在 Firefox 上运行良好。 textarea 在模拟器和 iOs 设备上表现正常。我试图关闭自动校正但它没有帮助。

知道这可能来自哪里吗？

Answer 1

我找到了解决方案，当 textarea 的容器达到 0px 的高度时，它似乎有一个非常奇怪的行为。我不太确定这可能来自哪里，但是将 min-height: 1px 添加到我的文本区域的容器中解决了这个问题。

光标在输入文本区域的开头重置自身

Cursor resets itself at beginning of textarea on input

html

android

textarea

web