Skip to content

fix(textarea): add hide scrollbar when autosize is true #3727

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Merged
uyarn merged 3 commits into from
Oct 16, 2025
Merged

fix(textarea): add hide scrollbar when autosize is true #3727

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
3 commits
Select commit Hold shift + click to select a range
75d8435
fix(textarea): 修复内容超长情况下，设置 autosize 没有完整自动撑开高度，存在有滚动条的问题
engvuchen Sep 29, 2025
fddd88f
chore: merge develop
github-actions[bot] Oct 16, 2025
d830ee7
chore: update snapshot
github-actions[bot] Oct 16, 2025
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
2 changes: 1 addition & 1 deletion src/_common
Open in desktop
Submodule _common updated 8 files
+0 −45 docs/mobile/api/watermark.en-US.md
+0 −45 docs/mobile/api/watermark.md
+42 −44 js/watermark/generateBase64Url.ts
+0 −2 style/mobile/components/_index.less
+4 −1 style/mobile/components/textarea/_index.less
+0 −7 style/mobile/components/watermark/_index.less
+0 −6 style/web/components/descriptions/_index.less
+1 −1 style/web/components/tree/_index.less
1 change: 1 addition & 0 deletions src/textarea/textarea.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -249,6 +249,7 @@ export default mixins(Vue as VueConstructor<Textarea>, classPrefixMixins).extend
[this.commonStatusClassName.disabled]: this.tDisabled,
[this.commonStatusClassName.focused]: this.focused,
[`${this.classPrefix}-resize-none`]: typeof this.autosize === 'object',
[`${this.classPrefix}-hide-scrollbar`]: this.autosize === true,
},
];
const tips = renderTNodeJSX(this, 'tips');
Expand Down
2 changes: 1 addition & 1 deletion test/snap/__snapshots__/csr.test.js.snap
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -120800,7 +120800,7 @@ exports[`csr snapshot test > csr test ./src/textarea/_example/base.vue 1`] = `
class="t-textarea"
>
<textarea
class="t-textarea__inner"
class="t-textarea__inner t-hide-scrollbar"
name="description"
placeholder="请输入文案，高度可自适应；autosize=true"
unselectable="off"
Expand Down
2 changes: 1 addition & 1 deletion test/snap/__snapshots__/ssr.test.js.snap
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -1185,7 +1185,7 @@ exports[`ssr snapshot test > renders ./src/tag-input/_example/status.vue correct

exports[`ssr snapshot test > renders ./src/tag-input/_example/theme.vue correctly 1`] = `"<div data-server-rendered="true" class="t-space t-space-vertical" style="gap:16px;"><div class="t-space-item"><div class="t-input__wrap t-tag-input t-tag-input--break-line t-tag-input--with-tag"><div class="t-input t-input--prefix"><div class="t-input__prefix"><div class="t-tag t-tag--primary t-tag--dark t-tag--close"><span>Vue</span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close t-tag__icon-close" style="fill:none;"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-tag t-tag--primary t-tag--dark t-tag--close"><span>React</span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close t-tag__icon-close" style="fill:none;"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-tag t-tag--primary t-tag--dark t-tag--close"><span>Miniprogram</span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close t-tag__icon-close" style="fill:none;"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div></div><input autocomplete="" placeholder="" type="text" unselectable="off" value="" class="t-input__inner"><span class="t-input__input-pre"></span></div></div></div><div class="t-space-item"><div class="t-input__wrap t-tag-input t-tag-input--break-line t-tag-input--with-tag"><div class="t-input t-input--prefix"><div class="t-input__prefix"><div class="t-tag t-tag--success t-tag--dark t-tag--close"><span>Vue</span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close t-tag__icon-close" style="fill:none;"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-tag t-tag--success t-tag--dark t-tag--close"><span>React</span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close t-tag__icon-close" style="fill:none;"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-tag t-tag--success t-tag--dark t-tag--close"><span>Miniprogram</span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close t-tag__icon-close" style="fill:none;"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div></div><input autocomplete="" placeholder="" type="text" unselectable="off" value="" class="t-input__inner"><span class="t-input__input-pre"></span></div></div></div><div class="t-space-item"><div class="t-input__wrap t-tag-input t-tag-input--break-line t-tag-input--with-tag"><div class="t-input t-input--prefix"><div class="t-input__prefix"><div class="t-tag t-tag--warning t-tag--dark t-tag--close"><span>Vue</span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close t-tag__icon-close" style="fill:none;"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-tag t-tag--warning t-tag--dark t-tag--close"><span>React</span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close t-tag__icon-close" style="fill:none;"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-tag t-tag--warning t-tag--dark t-tag--close"><span>Miniprogram</span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close t-tag__icon-close" style="fill:none;"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div></div><input autocomplete="" placeholder="" type="text" unselectable="off" value="" class="t-input__inner"><span class="t-input__input-pre"></span></div></div></div><div class="t-space-item"><div class="t-input__wrap t-tag-input t-tag-input--break-line t-tag-input--with-tag"><div class="t-input t-input--prefix"><div class="t-input__prefix"><div class="t-tag t-tag--danger t-tag--dark t-tag--close"><span>Vue</span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close t-tag__icon-close" style="fill:none;"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-tag t-tag--danger t-tag--dark t-tag--close"><span>React</span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close t-tag__icon-close" style="fill:none;"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-tag t-tag--danger t-tag--dark t-tag--close"><span>Miniprogram</span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close t-tag__icon-close" style="fill:none;"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div></div><input autocomplete="" placeholder="" type="text" unselectable="off" value="" class="t-input__inner"><span class="t-input__input-pre"></span></div></div></div></div>"`;

exports[`ssr snapshot test > renders ./src/textarea/_example/base.vue correctly 1`] = `"<div data-server-rendered="true" class="t-space t-space-vertical" style="gap:16px;"><div class="t-space-item"><div class="t-textarea"><textarea placeholder="请输入描述文案" name="description" unselectable="off" class="t-textarea__inner"></textarea></div></div><div class="t-space-item"><div class="t-textarea"><textarea placeholder="请输入文案，高度可自适应；autosize=true" name="description" unselectable="off" class="t-textarea__inner"></textarea></div></div><div class="t-space-item"><div class="t-textarea"><textarea placeholder="请输入文案，高度可自适应，最小3行，最大5行；autosize={minRows: 3, maxRows: 5}" name="description" unselectable="off" class="t-textarea__inner t-resize-none"></textarea></div></div></div>"`;
exports[`ssr snapshot test > renders ./src/textarea/_example/base.vue correctly 1`] = `"<div data-server-rendered="true" class="t-space t-space-vertical" style="gap:16px;"><div class="t-space-item"><div class="t-textarea"><textarea placeholder="请输入描述文案" name="description" unselectable="off" class="t-textarea__inner"></textarea></div></div><div class="t-space-item"><div class="t-textarea"><textarea placeholder="请输入文案，高度可自适应；autosize=true" name="description" unselectable="off" class="t-textarea__inner t-hide-scrollbar"></textarea></div></div><div class="t-space-item"><div class="t-textarea"><textarea placeholder="请输入文案，高度可自适应，最小3行，最大5行；autosize={minRows: 3, maxRows: 5}" name="description" unselectable="off" class="t-textarea__inner t-resize-none"></textarea></div></div></div>"`;

exports[`ssr snapshot test > renders ./src/textarea/_example/events.vue correctly 1`] = `"<div data-server-rendered="true" class="t-textarea"><textarea placeholder="请输入" unselectable="off" class="t-textarea__inner"></textarea></div>"`;

Expand Down
Loading