tdesign-vue-next
tdesign-vue-next copied to clipboard
[dropdown] hover有时候不能触发打开下拉菜单
tdesign-vue-next 版本
0.20.5
重现链接
https://stackblitz.com/edit/angular-keadwc?file=src/demo.vue
重现步骤
触发下拉菜单后点击关闭,重复尝试几次可以稳定复现该问题
期望结果
No response
实际结果
No response
框架版本
No response
浏览器版本
No response
系统版本
No response
Node版本
No response
补充说明
No response
👋 @ckvv,感谢给 TDesign 提出了 issue。 请根据 issue 模版确保背景信息的完善,我们将调查并尽快回复你。
♥️ 有劳 @pengYYYYY @qunbotop 尽快确认问题。 确认有效后将下一步计划和可能需要的时间回复给 @ckvv 。
问题应该出现在mouseInRange
的判断上面, onMouseLeave
并不总会触发
https://github.com/Tencent/tdesign-vue-next/blob/develop/src/popup/popup.tsx#L239
https://github.com/Tencent/tdesign-vue-next/blob/develop/src/popup/popup.tsx#L177
问题应该出现在
mouseInRange
的判断上面,onMouseLeave
并不总会触发 https://github.com/Tencent/tdesign-vue-next/blob/develop/src/popup/popup.tsx#L239 https://github.com/Tencent/tdesign-vue-next/blob/develop/src/popup/popup.tsx#L177
不只是hover 有时候点击也不出现,不明白什么原因
提个怀疑点儿,可能是冒泡事件影响,非前端,不确定。
任何人都可以处理此问题。
请务必在您的 pull request
中引用此问题。 :sparkles:
感谢你的贡献! :sparkles:
@pengYYYYY https://github.com/Tencent/tdesign-vue-next/blob/develop/src/popup/popup.tsx#L177
function emitVisible(visible: boolean, context: PopupVisibleChangeContext) {
if (props.disabled || visible === innerVisible.value) return;
if (!visible && visibleState.value > 1) return;
if (visible && mouseInRange.value) return;
setInnerVisible(visible, context);
}
把if (visible && mouseInRange.value) return;
条件判断去掉可以修复这个问题!这样有什么问题么?
这个问题比较影响使用,已经两个月了,有任何更新吗?