jd-opensource / jd-opensource/nutui

关于在from表单中使用nut-input 或者原生input导致光标乱跳 无法正常删除问题

Open
#3,269 3 comments 0 reactions 0 assignees View on GitHub
Dominant language
Vue
Stars
6.5k
Forks
835
PR merge metrics
No merged PRs in 30d

Description

### NutUI 包名

@nutui/nutui-taro

### NutUI 版本号

3.1.8

### 平台

weapp

### 重现链接

https://nutui.jd.com/playground/#eyJBcHAudnVlIjoiPHRlbXBsYXRlPlxuICA8ZGl2PlxuICAgIDxkaXY+XG4gICAgICAgIG51dC0gaW5wdXTlnKjlpJblsYLnsbvlnot0ZXh0XG4gICAgICA8bnV0LWlucHV0XG4gICAgICAgIHYtbW9kZWw9XCJ2YWx1ZVwiXG4gICAgICAgIHBsYWNlaG9sZGVyPVwi6K+36L6T5YWl5aeT5ZCNXCJcbiAgICAgICAgc3R5bGU9XCJ3aWR0aDogMTAwcHg7XCJcbiAgICAgICAgdHlwZT1cInRleHRcIi8+XG4gICAgICAgIGlucHV05Zyo5aSW5bGC57G75Z6LdGV4dFxuICAgICAgICA8aW5wdXRcbiAgICAgICAgdi1tb2RlbD1cInZhbHVlXCJcbiAgICAgICAgIHN0eWxlPVwid2lkdGg6IDEwMHB4O1wiXG4gICAgICAgIHBsYWNlaG9sZGVyPVwi6K+36L6T5YWl5aeT5ZCNXCJcbiAgICAgICAgdHlwZT1cInRleHRcIi8+XG4gICAgICAgIGlucHV05Zyo5aSW5bGC57G75Z6LZGlnaXRcbiAgICAgICAgPGlucHV0XG4gICAgICAgIHYtbW9kZWw9XCJ2YWx1ZVwiXG4gICAgICAgIHBsYWNlaG9sZGVyPVwi6K+36L6T5YWl5aeT5ZCNXCJcbiAgICAgICAgdHlwZT1cImRpZ2l0XCIvPlxuICAgIDwvZGl2PlxuICBcbiAgICA8bnV0LWZvcm0gOm1vZGVsLXZhbHVlPVwiZm9ybURhdGFcIj5cbiAgICAgICAgaW5wdXTlnKhmb3Jt57G75Z6LZGlnaXRcbiAgICAgICAgPGlucHV0XG4gICAgICAgIHYtbW9kZWw9XCJ2YWx1ZVwiXG4gICAgICAgIHBsYWNlaG9sZGVyPVwi6K+36L6T5YWl5aeT5ZCNXCJcbiAgICAgICAgdHlwZT1cImRpZ2l0XCIvPlxuICAgICAgICBpbnB1dOWcqGZvcm3nsbvlnot0ZXh0XG4gICAgICAgIDxpbnB1dFxuICAgICAgICB2LW1vZGVsPVwidmFsdWVcIlxuICAgICAgICBwbGFjZWhvbGRlcj1cIuivt+i+k+WFpeWnk+WQjVwiXG4gICAgICAgIHR5cGU9XCJ0ZXh0XCIvPlxuICAgICAgICBudXQtaW5wdXTlnKhmb3JtOlxuICAgICAgICA8bnV0LWlucHV0XG4gICAgICAgICAgdi1tb2RlbD1cInZhbHVlXCJcbiAgICAgICAgICBwbGFjZWhvbGRlcj1cIuivt+i+k+WFpeWnk+WQjVwiXG4gICAgICAgICAgdHlwZT1cInRleHRcIlxuICAgICAgICAvPlxuICAgICAgPG51dC1mb3JtLWl0ZW0gbGFiZWw9XCLlp5PlkI1cIj5cbiAgICAgICAgPG51dC1pbnB1dFxuICAgICAgICAgIHYtbW9kZWw9XCJ2YWx1ZVwiXG4gICAgICAgICAgcGxhY2Vob2xkZXI9XCLor7fovpPlhaXlp5PlkI1cIlxuICAgICAgICAgIHR5cGU9XCJ0ZXh0XCJcbiAgICAgICAgLz5cbiAgICAgIDwvbnV0LWZvcm0taXRlbT5cbiAgICAgIDxudXQtZm9ybS1pdGVtIGxhYmVsPVwi5bm06b6EXCI+XG4gICAgICAgIDxudXQtaW5wdXRcbiAgICAgICAgICB2LW1vZGVsPVwidmFsdWVcIlxuICAgICAgICAgIHBsYWNlaG9sZGVyPVwi6K+36L6T5YWl5bm06b6EXCJcbiAgICAgICAgICB0eXBlPVwiZGlnaXRcIlxuICAgICAgICAvPlxuICAgICAgPC9udXQtZm9ybS1pdGVtPlxuICAgICAgPG51dC1mb3JtLWl0ZW0gbGFiZWw9XCLogZTns7vnlLXor51cIj5cbiAgICAgICAgPG51dC1pbnB1dFxuICAgICAgICAgIHYtbW9kZWw9XCJ2YWx1ZVwiXG4gICAgICAgICAgcGxhY2Vob2xkZXI9XCLor7fovpPlhaXogZTns7vnlLXor51cIlxuICAgICAgICAgIHR5cGU9XCJudW1iZXJcIlxuICAgICAgICAvPlxuICAgICAgPC9udXQtZm9ybS1pdGVtPlxuICAgICAgPG51dC1mb3JtLWl0ZW0gbGFiZWw9XCLlnLDlnYBcIj5cbiAgICAgICAgPGlucHV0XG4gICAgICAgICAgdi1tb2RlbD1cInZhbHVlXCJcbiAgICAgICAgICBwbGFjZWhvbGRlcj1cIuivt+i+k+WFpeWcsOWdgFwiXG4gICAgICAgICAgdHlwZT1cInRleHRcIlxuICAgICAgICAvPlxuICAgICAgPC9udXQtZm9ybS1pdGVtPlxuICAgICAgPG51dC1mb3JtLWl0ZW0gbGFiZWw9XCLlpIfms6hcIj5cbiAgICAgICAgPG51dC10ZXh0YXJlYVxuICAgICAgICAgIHYtbW9kZWw9XCJ2YWx1ZVwiXG4gICAgICAgICAgcGxhY2Vob2xkZXI9XCLor7fovpPlhaXlpIfms6hcIlxuICAgICAgICAgIHR5cGU9XCJ0ZXh0XCJcbiAgICAgICAgLz5cbiAgICAgIDwvbnV0LWZvcm0taXRlbT5cbiAgICA8L251dC1mb3JtPlxuICAgXG4gIDwvZGl2PlxuPC90ZW1wbGF0ZT5cbjxzY3JpcHQ+XG5leHBvcnQgZGVmYXVsdCB7XG4gIGRhdGEoKSB7XG4gICAgcmV0dXJuIHtcbiAgICAgIHZhbHVlOiBcIua1i+ivlVwiLFxuICAgICAgZm9ybURhdGE6IHtcbiAgICAgICAgdmFsdWU6IFwi5rWL6K+VXCIsXG4gICAgICB9LFxuICAgIH07XG4gIH0sXG59O1xuPC9zY3JpcHQ+In0=

### 重现步骤

下面是我测试代码片端
`



nut- input在外层类型text

input在外层类型text

input在外层类型digit




input在form类型digit

input在form类型text

nut-input在form:


















export default {
data() {
return {
value: "测试",
formData: {
value: "测试",
},
};
},
};
`

可以看出 在form表单外部是没有问题的 只要input组件在nut-form内部使用 光标就会错位

### 期望的结果是什么?

正常输入 正常删除

### 实际的结果是什么?

输入时 光标会跳到第一个字符前面 ,删除时一样 无法正常输入和删除

### 环境信息

Taro v3.6.22

Taro CLI 3.6.22 environment info:
System:
OS: Windows 11 10.0.22631
Binaries:
Node: 18.20.8 - D:\Program Files\nodejs\node.EXE
Yarn: 1.22.19 - ~\AppData\Roaming\npm\yarn.CMD
npm: 9.6.2 - ~\AppData\Roaming\npm\npm.CMD
npmPackages:
@tarojs/cli: 3.5.5 => 3.5.5
@tarojs/components: 3.5.5 => 3.5.5
@tarojs/helper: 3.5.5 => 3.5.5
@tarojs/mini-runner: ^3.5.6 => 3.5.6
@tarojs/plugin-framework-vue3: 3.5.5 => 3.5.5
@tarojs/plugin-html: 3.5.5 => 3.5.5
@tarojs/plugin-platform-alipay: 3.5.5 => 3.5.5
@tarojs/plugin-platform-jd: 3.5.5 => 3.5.5
@tarojs/plugin-platform-qq: 3.5.5 => 3.5.5
@tarojs/plugin-platform-swan: 3.5.5 => 3.5.5
@tarojs/plugin-platform-tt: 3.5.5 => 3.5.5
@tarojs/plugin-platform-weapp: 3.5.5 => 3.5.5
@tarojs/router: 3.5.5 => 3.5.5
@tarojs/runtime: 3.5.5 => 3.5.5
@tarojs/shared: 3.5.5 => 3.5.5
@tarojs/taro: 3.5.5 => 3.5.5
@tarojs/taro-h5: 3.5.5 => 3.5.5
@tarojs/webpack5-runner: 3.5.5 => 3.5.5
babel-preset-taro: 3.5.5 => 3.5.5
eslint-config-taro: 3.5.5 => 3.5.5

### 其他补充信息

_No response_

Contributor guide

Open the contributing guide

Assessment

This issue has not been assessed yet.

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.