blackteay/vant
1
0
Fork 0
mirror of https://gitee.com/vant-contrib/vant.git synced 2025-04-05 19:41:42 +08:00
Code Issues Projects Releases Wiki Activity

fix(Field): adjust textarea size when focus/blur (#9719)

Browse Source
This commit is contained in:
neverland 2021-10-24 17:50:18 +08:00 committed by GitHub
parent 789e352726
commit 74a136f90e
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 9 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

16
packages/vant/src/field/Field.tsx
View File

@ -297,9 +297,17 @@ export default defineComponent({
const blur = () => inputRef.value?.blur();
const focus = () => inputRef.value?.focus();
const adjustTextareaSize = () => {
const input = inputRef.value;
if (props.type === 'textarea' && props.autosize && input) {
resizeTextarea(input, props.autosize);
}
};
const onFocus = (event: Event) => {
state.focused = true;
emit('focus', event);
nextTick(adjustTextareaSize);
// readonly not work in legacy mobile safari
const readonly = getProp('readonly');
@ -313,6 +321,7 @@ export default defineComponent({
updateValue(getModelValue(), 'onBlur');
emit('blur', event);
validateWithTrigger('onBlur');
nextTick(adjustTextareaSize);
resetScroll();
};
@ -364,13 +373,6 @@ export default defineComponent({
emit('keypress', event);
};
const adjustTextareaSize = () => {
const input = inputRef.value;
if (props.type === 'textarea' && props.autosize && input) {
resizeTextarea(input, props.autosize);
}
};
const renderInput = () => {
const controlClass = bem('control', [
getProp('inputAlign'),