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

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

我找到了解决方案，当容器的高度达到0px时，textarea的行为似乎很奇怪。我不太确定这可能来自哪里，但是在我的textarea容器中添加min-height: 1px可以解决此问题。