onMouseLeave - 仪表图表组件大小增加

Posted 2023-03-15

【中文标题】onMouseLeave - 仪表图表组件大小增加

【英文标题】：onMouseLeave - gauge chart component size increases

【发布时间】：2021-10-29 01:44:33

【问题描述】：

我在我的 react 项目中遇到了 react-gauge-chart 库的问题。

我已经使用 material-ui 实​​现了一个弹出框组件，并从弹出框模式内的库中引入了仪表图组件。在文本悬停仪表图表上正确显示，但在 onmouseleave 事件期间，弹出组件轻弹（仪表图表的大小增加）片刻，然后关闭弹出模式。此闪烁当前正在影响我们的项目 UI。

当我在没有仪表图的情况下进行测试时，onmouseleave 事件没有问题。任何人都可以帮我这里哪里出错或我可以使用的解决方案吗？ 由于我是 CSS 新手，所以我无法理解这个问题的来源。

在此处重现问题 https://codesandbox.io/s/react-over-issue-5ibv6

谢谢

【参考方案1】：

onmouseleave 事件不是导致此问题的原因。如果您更改toggling popups to click，您会继续出现这种行为

这是一个渲染问题。当弹出窗口关闭时，内容大小会减小，这会导致此行为

【讨论】：

感谢您的回复。但是我该如何解决这个渲染问题。有没有办法永久解决这个问题？