Skip to content

Conversation

@engvuchen
Copy link
Contributor

@engvuchen engvuchen commented Sep 24, 2025

🤔 这个 PR 的性质是?

  • 日常 bug 修复
  • 新特性提交
  • 文档改进
  • 演示代码改进
  • 组件样式/交互改进
  • CI/CD 改进
  • 重构
  • 代码风格优化
  • 测试用例
  • 分支合并
  • 其他

🔗 相关 Issue

#5567
Tencent/tdesign-common#2231

💡 需求背景和解决方案

autosize=true,textarea 内部实现的隐藏滚动轴有缺陷;

复现条件:

  1. textarea 初始的文本很长
  2. 业务设置的 scrollbarWidth > 6px

表现:
线上版本的 Textarea ,滚动轴宽度被调整为 6px,视觉上看起来没问题:
image

如果遇到业务调整滚动条宽度,初始显示、输入都会异常
image

原因:
calcTextareaHeight 方法新建的计算用 textarea 被设置没有竖向滚动条,它的右侧空间比较多,可以容纳更多文本;
假设它的面积:100px * 100px

而实际渲染的 textarea 有竖向滚动条,滚动条占了一定的右侧空间;
假设滚动条width=10px,同样的文本,实际渲染的 textarea 需要 111.1px * 90px = 100px * 100px;

若实际渲染的 textarea 需不显示滚动条,需要 height=111px,计算得到的 100px 不够用

📝 更新日志

  • 本条 PR 不需要纳入 Changelog

tdesign-vue-next

  • fix(Textarea): 修复内容超长情况下,设置 autosize 没有完整自动撑开高度,存在有滚动条的问题

@tdesign-vue-next/chat

@tdesign-vue-next/auto-import-resolver

☑️ 请求合并前的自查清单

⚠️ 请自检并全部勾选全部选项⚠️

  • 文档已补充或无须补充
  • 代码演示已提供或无须提供
  • TypeScript 定义已补充或无须补充
  • Changelog 已提供或无须提供

@tdesign-bot
Copy link
Collaborator

TDesign Component Site Preview Open

Component Preview
tdesign-vue-next 完成
@tdesign-vue-next/chat 完成

@pkg-pr-new
Copy link

pkg-pr-new bot commented Sep 24, 2025

tdesign-vue-next-demo

npm i https://pkg.pr.new/Tencent/tdesign-vue-next/@tdesign-vue-next/auto-import-resolver@6019
npm i https://pkg.pr.new/Tencent/tdesign-vue-next@6019
npm i https://pkg.pr.new/Tencent/tdesign-vue-next/@tdesign-vue-next/chat@6019

commit: 5bbd1e2

@uyarn uyarn merged commit 619d57b into Tencent:develop Sep 25, 2025
1 check passed
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

3 participants