我有一个基本的 textarea 看起来像这样:
<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 设备上正常运行。我试图关闭自动更正,但没有帮助。
知道这可能来自哪里吗?
我找到了解决方案,当它的容器达到 0px 的高度时,textarea 似乎有一个非常奇怪的行为。我不太确定这可能来自哪里,但添加min-height: 1px
到我的 textarea 的容器中解决了这个问题。
本文收集自互联网,转载请注明来源。
如有侵权,请联系[email protected] 删除。
我来说两句