光标在输入的 textarea 开头重置

蒂姆·勒佩奇

我有一个基本的 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] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

重置输入和Textarea字段而不使用form.reset

来自分类Dev

React autoFocus将光标设置为输入值的开头

来自分类Dev

在输入框的开头显示光标/尖号

来自分类Dev

为什么输入光标转到文本字段的开头?扑

来自分类Dev

在输入框的开头显示光标/尖号

来自分类Dev

在样式化组件内部使用Textarea可以通过重置ReactJS中的光标位置来向后写入

来自分类Dev

删除textarea中以开头的单词

来自分类Dev

在javascript中重置textarea高度

来自分类Dev

用户输入的Textarea输出

来自分类Dev

输入TextArea和输出TextArea并保存到

来自分类Dev

单击输入字段的填充将光标设置在行的开头,而不是行尾

来自分类Dev

替换键盘上的值时,将重置“输入”元素的光标位置

来自分类Dev

获取AngularJs中的Textarea光标位置

来自分类Dev

将光标导航到textarea(JavaFX)

来自分类Dev

使用 textarea 聚焦但光标不可见

来自分类Dev

UITextField开头的光标

来自分类Dev

重置 jmappane 的光标

来自分类Dev

Textarea忽略开头的多个换行符

来自分类Dev

html <textarea>无法使用Jquery正确重置

来自分类Dev

输入以填充textarea-Javascript

来自分类Dev

Textarea不读取任何输入

来自分类Dev

将光标带到文件的开头?

来自分类Dev

刷新后光标跳到开头

来自分类Dev

JavaFX:切换到TextArea时,将插入符/光标置于TextArea的末尾

来自分类Dev

如何检查光标是否在textarea内的空行上?

来自分类Dev

如何停止光标跳到textarea中的新行

来自分类Dev

单击闪亮的动作按钮后,将光标聚焦在textArea上

来自分类Dev

TextArea 光标形状与其他项目重叠

来自分类Dev

将光标移动到表单中 textarea/input 的末尾

Related 相关文章

热门标签

归档