Tooltip/Trigger 删除宿主 dom 后 tootip 位置丢失到左上角

arco-design / arco-design-vue

A Vue.js 3 UI Library based on Arco Design

https://arco.design/vue

MIT License

2.69k stars 526 forks source link

Tooltip/Trigger 删除宿主 dom 后 tootip 位置丢失到左上角 #3199

Open xiangshu233 opened 3 months ago

xiangshu233 commented 3 months ago

[ ] I'm sure this does not appear in the issue list of the repository

Basic Info

Package Name And Version: @arco-design/web-vue@2.55.3
Framework version: vue3.4
Browser: chrome126.0.0.0
Reproduction Link: https://codesandbox.io/p/sandbox/tooltip-trigger-shan-chu-ben-di-wq5k8m?file=%2Fsrc%2FApp.vue%3A12%2C13

What is expected?

宿主 dom 被删除后 tootip 应该隐藏或者销毁

Steps to reproduce

宿主dom被删除后 tootip 位置丢失到左上角

zhaojunyan9528 commented 3 months ago

同样的问题，有解决办法吗？

xiangshu233 commented 3 months ago

@zhaojunyan9528 直接换了另外一个库 https://floating-vue.starpad.dev/ 更先进的浮动菜单，等修复吧

zhaojunyan9528 commented 3 months ago

@zhaojunyan9528 直接换了另外一个库 https://floating-vue.starpad.dev/ 更先进的浮动菜单，等修复吧

受控属性popup-visible结合鼠标进入/移出事件可以解决

<a-tooltip  content="复制" :popup-visible="copyPopupVisible" >
  <div class="img-container" @mouseenter="setCopyPopupVisible(true)" @mouseleave="setCopyPopupVisible(false)">
    <img :src="CopyIcon" @click="handleCopy">
  </div>
</a-tooltip>

xiangshu233 commented 3 months ago

@zhaojunyan9528 不是很想加受控 :(，无用代码