请问怎么解决Popover消失的时候其位置的闪烁问题

新手上路,请多包涵

在使用Table组件和Popover组件的过程中,我用Popover组件包裹了一下Table组件的第一列,造成点击表格第一列会出现Popover,但是当我滑动表格再点击其余地方让之前的Popover消失之后,之前的Popover的位置会在消失的刹那闪烁一下。请问这个问题该怎么解决?

demo: https://codesandbox.io/s/gu-d...

阅读 4.2k
1 个回答

这是因为Popover默认是渲染在body上的.当你纵向滚动时,超过table区域的Popover依然会错位显示.可以通过为Popover设置getPopupContainer={triggerNode=>triggerNode} 把它渲染在当前触发的节点上.来从视觉上 规避掉这个问题;

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题
宣传栏