javascript/element-plus
1
0
Fork 0
mirror of https://github.com/element-plus/element-plus.git synced 2025-08-18 14:12:56 +08:00
Code Issues Packages Projects Releases Wiki Activity

fix(components): [input] scrollbar not hide after autosize (#10137)

Browse Source 
* fix(components): [input] scrollbar not hide after autoresize

closed #8825

* chore: add note for force repaint

* chore: remove useless type

* fix: duplicate call calcTextareaHeight
This commit is contained in:
Hefty
2023-03-20 09:51:57 +08:00
committed by GitHub
parent 285f7c2195
commit 6026035c8e
1 changed files with 14 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

15
packages/components/input/src/input.vue
View File

@ -330,9 +330,22 @@ const resizeTextarea = () => {
if (autosize) {
const minRows = isObject(autosize) ? autosize.minRows : undefined
const maxRows = isObject(autosize) ? autosize.maxRows : undefined
const textareaStyle = calcTextareaHeight(textarea.value, minRows, maxRows)
// If the scrollbar is displayed, the height of the textarea needs more space than the calculated height.
// If set textarea height in this case, the scrollbar will not hide.
// So we need to hide scrollbar first, and reset it in next tick.
// see https://github.com/element-plus/element-plus/issues/8825
textareaCalcStyle.value = {
...calcTextareaHeight(textarea.value, minRows, maxRows),
overflowY: 'hidden',
...textareaStyle,
}
nextTick(() => {
// NOTE: Force repaint to make sure the style set above is applied.
textarea.value!.offsetHeight
textareaCalcStyle.value = textareaStyle
})
} else {
textareaCalcStyle.value = {
minHeight: calcTextareaHeight(textarea.value).minHeight,