Tencent / Tencent/tdesign-miniprogram

[t-textarea] 输入文本过快光标跳末尾,placeholder 文本不垂直居中,emoji表情在PC端显示不全

Open
#2,574 6 comments 0 reactions 0 assignees View on GitHub

Nobody has claimed this yet.

Dominant language
Vue
Stars
1.8k
Forks
337
Avg merge
1d 21h
Merged PRs (30d)
19

Description

tdesign-miniprogram 版本

1.2.7

重现链接

No response

重现步骤
代码很简单
  • <t-textarea placeholder="请输入文字" autosize="{{true}}" />
输入文本过快光标跳末尾
测试环境
  • 系统windows10,微信版本3.9.9.27
  • 微信开发者工具1.06.2401192 win32-x64
  • 手机品牌和机型:OPPO K9s 5G,安卓系统
操作表现
  • 假设输入10个字符后,光标移至第5个字右边,当文字输入过快时,比如快速按数字123或者任意字母扫键,光标大概率会瞬移到末尾,以上环境均出现此问题。原生组件不存在这个问题。
placeholder 文本不垂直居中
测试环境
  • 手机品牌和机型:OPPO K9s 5G,安卓系统
操作表现

出现placeholder 内的文本不垂直居中,这时候是没有输入任何文本的,不然也不会出现placeholder 文本。原生组件不存在这个问题。

emoji表情在PC端显示不全
测试环境
  • 系统windows10,微信版本3.9.9.27
  • 微信开发者工具1.06.2401192 win32-x64
操作表现
  • 比如输入这个表情😀,仔细看,底部有点超出被挡,以上环境均出现此问题。原生组件不存在这个问题。
期望结果

输入文本过快光标不要跳末尾,placeholder 文本垂直居中,emoji表情在PC端显示全

实际结果

输入文本过快光标跳末尾,placeholder 文本不垂直居中,emoji表情在PC端显示不全

基础库版本

3.3.3

补充说明

No response

Contributor guide

Open the contributing guide

First steps

  1. Read the whole issue, then the project's contributing guide.
  2. Comment on the issue to say you are picking it up — it saves two people doing the same work.
  3. Fork the repository and make your change on a branch.
  4. Open a pull request that references the issue number.

Research direction

Start by reproducing the three reported behaviors with the provided t-textarea example in the listed Windows, WeChat, developer-tool, and Android environments. Compare the component with the native textarea, then verify that rapid input preserves the caret, the placeholder is vertically centered, and the emoji is fully visible on PC.

Written by the indexing model from the issue text.

Assessment

Domain
frontend
Issue type
Bug
Difficulty
4/5
Estimated time
3-5 days
Activity status
Stale
Clarity
Mostly clear
Newbie friendliness
35/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.