tdesign-miniprogram icon indicating copy to clipboard operation
tdesign-miniprogram copied to clipboard

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

Open MmToon opened this issue 1 year ago • 5 comments

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

MmToon avatar Jan 24 '24 01:01 MmToon

👋 @MmToon,感谢给 TDesign 提出了 issue。 请根据 issue 模版确保背景信息的完善,我们将调查并尽快回复你。

github-actions[bot] avatar Jan 24 '24 01:01 github-actions[bot]

@MmToon 方便的话 辛苦补贴一下录屏~

anlyyao avatar Jan 24 '24 02:01 anlyyao

输入文本过快光标跳末尾

https://github.com/Tencent/tdesign-miniprogram/assets/21327423/71ab0e90-b19a-401d-b9bf-f5e6de9afb52

placeholder 文本不垂直居中(手机品牌和机型:OPPO K9s 5G,安卓系统)

不居中

emoji表情在PC端显示不全-微信开发者工具表现-轻微

微信开发者工具表情

emoji表情在PC端显示不全-PC版小程序表现-严重

PC版小程序表情

文字加emoji表情在PC端显示不全-PC版小程序表现-严重

微信截图_20240124144308

MmToon avatar Jan 24 '24 03:01 MmToon

mp4 建议下载后观看,因为使用QQ录屏工具录制的视频放在网页上播放是白屏,这个问题几年前就有了,不知道怎么反馈,顺便你们内部帮忙反馈下吧。

MmToon avatar Jan 24 '24 03:01 MmToon

仔细看了关于文字和emoji表情上下偏移的症状是单行发生了轻微滚动引起的一系列问题,placeholder 文本不垂直居中也有很大几率是这个原因,需要解决这个,具体如下:

https://github.com/Tencent/tdesign-miniprogram/assets/21327423/17edafc8-72ea-4f72-9b57-3ea25443bfd0

MmToon avatar Jan 24 '24 06:01 MmToon