onMouseLeave - 仪表图表组件大小增加
Posted
技术标签:
【中文标题】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,您会继续出现这种行为
这是一个渲染问题。当弹出窗口关闭时,内容大小会减小,这会导致此行为
【讨论】:
感谢您的回复。但是我该如何解决这个渲染问题。有没有办法永久解决这个问题?以上是关于onMouseLeave - 仪表图表组件大小增加的主要内容,如果未能解决你的问题,请参考以下文章
Superset免登录访问分享的仪表(设置SUPERSET可以匿名访问图表)
Superset免登录访问分享的仪表(设置SUPERSET可以匿名访问图表)