-
Notifications
You must be signed in to change notification settings - Fork 363
New issue
Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.
By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.
Already on GitHub? Sign in to your account
[Popup] Popup 的实现导致 Popup 和基于它的弹窗(比如 Tooltip )容易再也不会出现 #2897
Comments
👋 @guxi11,感谢给 TDesign 提出了 issue。 |
|
在我们的业务里,我们之前是用这种方法临时修复的这个问题: .t-tooltip.t-popup--animation-leave-active { /* 覆写组件样式,修复tooltip丢失问题 */
pointer-events: none;
} |
我的修复思路是:如果 popup 在关闭的时候会被销毁,那让它在消失的过程中,不响应鼠标进入事件。 |
之前在table的ellipisi:true时弹出tooltip有遇到类似的问题,老是显示一次就不再显示了 |
@chiyu1996 应该是一个问题 hover过快会影响 这个版本应该就修复了 |
fixed in 1.8.0 |
tdesign-vue 版本
1.7.1
重现链接
https://tdesign.tencent.com/vue/components/tooltip
重现步骤
以 Tooltip 为例,Popup 的复现步骤和它一样:
完整的演示视频如下:
https://github.com/Tencent/tdesign-vue/assets/21690043/9111e2a4-216c-485c-be58-24c59e61c026
可以看到 destroyOnClose = false 的时候没有这个问题。
期望结果
期望结果是,每次鼠标 hover 触发器时, Popup 内容都能出现。
实际结果
在 destroyOnClose 的值为 true 的时候,在 popup leaving 的时候鼠标 hover 上去后,popup 将再也不会出现。
框架版本
Vue(3.2.0)
浏览器版本
Chrome(8.213.231.123)
系统版本
MacOS(11.2.3)
补充说明
在业务中,用户反馈 tooltip 消失不见的问题,经过复现之后,发现业务中配置的 tooltip 的位置和内容大小,经常容易导致用户在它们消失的过程中将鼠标移动上去,导致 tooltip 消失。
The text was updated successfully, but these errors were encountered: