ant-design-vue icon indicating copy to clipboard operation
ant-design-vue copied to clipboard

官网的可编辑表格组件输入时用鼠标点选输入的字体会消失

Open lfandrh opened this issue 1 year ago • 2 comments
trafficstars

  • [ ] I have searched the issues of this repository and believe that this is not a duplicate.

Version

4.0.7

Environment

Win10系统、Chrome浏览器

Reproduction link

https://www.antdv.com/components/table-cn#components-table-demo-edit-row

Steps to reproduce

1.可编辑表格中,任意选择一行点击右侧的编辑按钮,然后鼠标点击一个输入框;2.用鼠标进行选择输入两个汉字,过程中鼠标会离开输入框到输入法的选择区,鼠标点击将文字输入进去后,再将鼠标移回输入框,此时输入的字体会消失

What is expected?

一个简单的输入框不应该出现这种问题吧

What is actually happening?

输入的字体会消失,然后打字的过程中还可能重新出现,消失很容易复现,重新出现则是不确定的操作下会有

视频:https://github.com/vueComponent/ant-design-vue/assets/66020573/2ff3363f-87c5-4f85-b153-37cc2541ff3c

lfandrh avatar Dec 12 '23 03:12 lfandrh

🤔目前定位到的问题是 table每次 hover和 focus 都会使得table行重新渲染,导致取值是 editableData[record.key] 所以每次会出现数据消失。

复现例子如 codesandbox

cc-hearts avatar Dec 13 '23 17:12 cc-hearts

This issue is stale because it has been open 60 days with no activity. Remove stale label or comment or this will be closed in 7 days

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