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

fix(components): [input] blur event fails when using textarea (#17836)

Browse Source 
closed #17825
This commit is contained in:
qiang
2024-08-10 11:02:28 +08:00
committed by GitHub
parent 6d773919e7
commit dc8cb90130
2 changed files with 62 additions and 10 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@ -130,6 +130,8 @@
@compositionupdate="handleCompositionUpdate"
@compositionend="handleCompositionEnd"
@input="handleInput"
@focus="handleFocus"
@blur="handleBlur"
@change="handleChange"
@keydown="handleKeydown"
/>
@ -257,13 +259,17 @@ const textareaCalcStyle = shallowRef(props.inputStyle)
const _ref = computed(() => input.value || textarea.value)
const { wrapperRef, isFocused } = useFocusController(_ref, {
afterBlur() {
if (props.validateEvent) {
elFormItem?.validate?.('blur').catch((err) => debugWarn(err))
}
},
})
// wrapperRef for type="text", handleFocus and handleBlur for type="textarea"
const { wrapperRef, isFocused, handleFocus, handleBlur } = useFocusController(
_ref,
{
afterBlur() {
if (props.validateEvent) {
elFormItem?.validate?.('blur').catch((err) => debugWarn(err))
}
},
}
)
const needStatusIcon = computed(() => elForm?.statusIcon ?? false)
const validateState = computed(() => elFormItem?.validateState || '')