antd 的 tooltip 和 popover 在 tauri 中，关闭时会闪动，用浏览器时是没有的，是怎么一回事？

Question

antd 的 tooltip 和 popover 在 tauri 中，关闭时会闪动，我直接用浏览器时是没有的，是怎么一回事？

Answer 1

回答不易，求求采纳点赞 感激不尽

antd 的 Tooltip 和 Popover 组件是基于 React 和 CSS 实现的，它们的关闭效果是通过对组件的样式进行操作来实现的。而在 Tauri 中，由于 WebView 使用的是 WebKit 引擎，而浏览器使用的是浏览器自带的引擎，两者的实现细节可能会有所不同，这可能导致一些不同的行为。
具体地说，当你在 Tauri 中关闭 Tooltip 或 Popover 时，由于组件的样式被改变，页面需要重新渲染，这可能导致组件在关闭时出现短暂的闪烁。而在浏览器中，页面渲染的效率更高，可能可以更快地处理组件的样式变化，从而避免了这种闪烁现象。
为了解决这个问题，你可以尝试优化组件的关闭逻辑，尽可能减少页面重新渲染的次数。例如，你可以通过设置 transition 属性来实现组件的渐隐效果，这样可以让关闭动画更加平滑。另外，你也可以使用 animation 属性或 JavaScript 动画库来实现更加自然的关闭动画。