tdesign-vue-next icon indicating copy to clipboard operation
tdesign-vue-next copied to clipboard

[input] 失焦逻辑无法正确触发

Open Yaxnice301 opened this issue 1 year ago • 3 comments

tdesign-vue-next 版本

目前 1.8.1版本 可以重现

重现链接

https://tdesign.tencent.com/vue-next/components/form#登录表单

重现步骤

  • 先用鼠标点击用户名输入框
  • 使用TAB键将焦点切换到密码输入框

期望结果

用户名输入框应当失去焦点,而密码输入框获得焦点

实际结果

两个输入框同时获得焦点(样式)

框架版本

vue3.4.18

浏览器版本

No response

系统版本

No response

Node版本

No response

补充说明

经过测试,我发现失焦函数 onblur 没有触发 如果反复 失焦、聚焦 可以发现 onblur 函数在间隔触发(一次触发一次不触发)

Yaxnice301 avatar Feb 23 '24 06:02 Yaxnice301

👋 @Yaxnice301,感谢给 TDesign 提出了 issue。 请根据 issue 模版确保背景信息的完善,我们将调查并尽快回复你。

github-actions[bot] avatar Feb 23 '24 06:02 github-actions[bot]

♥️ 有劳 @kidjayhuang @mokywu @youuss 尽快确认问题。 确认有效后将下一步计划和可能需要的时间回复给 @Yaxnice301 。

github-actions[bot] avatar Feb 23 '24 06:02 github-actions[bot]

这个问题在所有的输入组件上都存在,而且有一些似乎是概率触发,我不确定

Yaxnice301 avatar Feb 23 '24 06:02 Yaxnice301

我提过了,似乎一直没有人处理,这个是百分百还原 https://github.com/Tencent/tdesign-vue-next/issues/3903#issue-2104920321

Anturin avatar Mar 07 '24 02:03 Anturin

useInput.ts 中的 formatAndEmitBlur 中判断了 isHover 导致的,这里应该不需要这个判断。

https://github.com/Tencent/tdesign-vue-next/blob/9f3f3e7920f3fddee39d4cbb4a0886339fcb3a0c/src/input/useInput.ts#L135-L150

XBIsland avatar Mar 18 '24 09:03 XBIsland