tdesign-vue-next icon indicating copy to clipboard operation
tdesign-vue-next copied to clipboard

[dropdown] hover有时候不能触发打开下拉菜单

Open ckvv opened this issue 1 year ago • 5 comments

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 avatar Sep 09 '22 12:09 ckvv

👋 @ckvv,感谢给 TDesign 提出了 issue。 请根据 issue 模版确保背景信息的完善,我们将调查并尽快回复你。

github-actions[bot] avatar Sep 09 '22 12:09 github-actions[bot]

♥️ 有劳 @pengYYYYY @qunbotop 尽快确认问题。 确认有效后将下一步计划和可能需要的时间回复给 @ckvv 。

github-actions[bot] avatar Sep 09 '22 12:09 github-actions[bot]

问题应该出现在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

ckvv avatar Sep 09 '22 13:09 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

不只是hover 有时候点击也不出现,不明白什么原因

luoyu-233 avatar Sep 13 '22 05:09 luoyu-233

提个怀疑点儿,可能是冒泡事件影响,非前端,不确定。

w6et avatar Sep 14 '22 00:09 w6et

任何人都可以处理此问题。 请务必在您的 pull request 中引用此问题。 :sparkles: 感谢你的贡献! :sparkles:

github-actions[bot] avatar Sep 24 '22 14:09 github-actions[bot]

@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;条件判断去掉可以修复这个问题!这样有什么问题么?

ckvv avatar Sep 26 '22 09:09 ckvv

这个问题比较影响使用,已经两个月了,有任何更新吗?

ckvv avatar Oct 28 '22 11:10 ckvv