ant-design Table 组件开启虚拟列表后,如果cell的渲染有long task或页面卡顿的情况下拖拽滚动条,chrome会把元素渲染为空白内容

zu0ti5jz  于 3个月前  发布在  其他
关注(0)|答案(1)|浏览(45)

Steps to reproduce

  1. 来回拖拽滚动条(容易触发),看到有白色后就停止拖拽。有时慢慢滚动也会触发
  2. 此时dom和css都正常,但是Chrome没渲染出来,或者渲染残缺(丢了内部文子、丢了背景色、丢了边框等等)

What is expected?

渲染正常

What is actually happening?

cell单元格空白,渲染残缺
| Environment | Info |
| ------------ | ------------ |
| antd | 5.19.0 |
| React | 18.3 |
| System | mac |
| Browser | chrome |

感觉是卡顿,加上虚拟列表对dom的修改频率太快,Chrome的渲染没反应过来,认为渲染完成了但实际上没有。Safari下不会有这个问题

相关问题