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): incorrect cursor position when using formatter (#11348)

Browse Source
This commit is contained in:
neverland 2022-12-02 19:17:45 +08:00 committed by chenjiahan
parent 74d77a6c12
commit b27a3cedfe
1 changed files with 14 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -291,7 +291,9 @@ export default defineComponent({
value: string,
trigger: FieldFormatTrigger = 'onChange'
) => {
const originalValue = value;
value = limitValueLength(value);
const isExceedLimit = value !== originalValue;
if (props.type === 'number' || props.type === 'digit') {
const isNumber = props.type === 'number';
@ -303,10 +305,18 @@ export default defineComponent({
}
if (inputRef.value && inputRef.value.value !== value) {
const { selectionStart, selectionEnd } = inputRef.value;
inputRef.value.value = value;
if (state.focused) {
inputRef.value.setSelectionRange(selectionStart, selectionEnd);
// When the value length exceeds maxlength and the input is focused,
// correct the cursor position to be consistent with the native behavior.
// https://github.com/youzan/vant/issues/11289
if (state.focused && isExceedLimit) {
const { selectionStart, selectionEnd } = inputRef.value;
inputRef.value.value = value;
inputRef.value.setSelectionRange(
selectionStart! - 1,
selectionEnd! - 1
);
} else {
inputRef.value.value = value;
}
}