picker icon indicating copy to clipboard operation
picker copied to clipboard

Bug: React 18环境下,当鼠标hover Panelbody时input值频繁闪烁

Open Jay-Ohhh opened this issue 3 years ago • 0 comments

Reproduction link

Edit on CodeSandbox

Steps to reproduce

打开CodeSendbox重现链接 react 18 环境下(createRoot),single picker 未选中值或值为空时,鼠标hover Panelbody 时input值频繁闪烁复现: 1、safari 15版本,可直接重现; 2、window和mac环境,chrome 打开开发者工具后,hover时会闪烁,关闭后则不会。

看了下源码,有个立即更新的问题: PanelBody.tsx 106行应当为 onDateMouseLeave(false),非立即更新,可解决闪烁问题。

What is expected?

修复闪烁问题

What is actually happening?

频繁闪烁、体验不佳

Environment Info
antd 4.22.8
React react 18.x
System windows、mac
Browser chrome104、safari 15.x

Jay-Ohhh avatar Aug 31 '22 06:08 Jay-Ohhh