javascript/element-plus
1
0
Fork 0
mirror of https://github.com/element-plus/element-plus.git synced 2025-08-17 21:32:51 +08:00
Code Issues Packages Projects Releases Wiki Activity

fix(components): [input] textarea height calc (#12087)

Browse Source
This commit is contained in:
井柏然
2023-03-24 00:42:16 +08:00
committed by GitHub
parent eb88722841
commit 6c20f21831
1 changed files with 15 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@ -313,6 +313,7 @@ const suffixVisible = computed(
const [recordCursor, setCursor] = useCursor(input) const [recordCursor, setCursor] = useCursor(input)
useResizeObserver(textarea, (entries) => { useResizeObserver(textarea, (entries) => {
onceInitSizeTextarea()
if (!isWordLimitVisible.value || props.resize !== 'both') return if (!isWordLimitVisible.value || props.resize !== 'both') return
const entry = entries[0] const entry = entries[0]
const { width } = entry.contentRect const { width } = entry.contentRect
@ -353,6 +354,20 @@ const resizeTextarea = () => {
} }
} }
const createOnceInitResize = (resizeTextarea: () => void) => {
let isInit = false
return () => {
if (isInit || !props.autosize) return
const isElHidden = textarea.value?.offsetParent === null
if (!isElHidden) {
resizeTextarea()
isInit = true
}
}
}
// fix: https://github.com/element-plus/element-plus/issues/12074
const onceInitSizeTextarea = createOnceInitResize(resizeTextarea)
const setNativeInputValue = () => { const setNativeInputValue = () => {
const input = _ref.value const input = _ref.value
if (!input || input.value === nativeInputValue.value) return if (!input || input.value === nativeInputValue.value) return