bug: examples javascript mouse hover codesandbox icon arise scroll bar icon malposed

- [ ] I have searched the [issues](https://github.com/antvis/f2/issues) of this repository and believe that this is not a duplicate.

### Reproduction link
[https://ant-design-charts.antgroup.com/zh/examples/relation-graph/decomposition-tree-graph#percent](https://ant-design-charts.antgroup.com/zh/examples/relation-graph/decomposition-tree-graph#percent)

### Steps to reproduce
en: open f2 examples page mouse hover codesandbox icon

zh: 在图标示列页面 鼠标移入 codesandbox 图标

| Environment | Info |
|---|---|
| f2 | 5.0.39 |
| System | win10 |
| Browser | 版本 119.0.6045.200（正式版本） （64 位） |

---
open f2 examples page mouse hover codesandbox icon arise scroll bar icon malposed monitor resolution 2240 * 1400

在图标示列页面 鼠标移入 在 codesandbox 打开的 图标时 浏览器出现滚动条使 codesandbox 图标错位 然后鼠标就移出了 图标 然后图标位置还原 鼠标又移入 造成了页面闪烁(反复横跳) 显示器分辨率 2240* 1400

Start by opening the linked decomposition-tree-graph example in the F2 examples page and reproduce the issue by hovering over the CodeSandbox icon on Windows 10 at the reported resolution. Trace the example-page hover behavior and verify that the icon no longer shifts or causes repeated flickering when the scrollbar appears.

Written by the indexing model from the issue text.