element [Bug Report] 使用用了这个show-overflow-tooltip 属性,然后这个属性被触发了,但是因为鼠标位置获取不到了,所以会导致这个悬停出现在其它地方

pwuypxnk  于 4个月前  发布在  其他
关注(0)|答案(4)|浏览(101)

Element UI version

2.13.2

OS/Browsers version

谷歌/火狐

Vue version

2.6.6

https://codepen.io/pen/?&editable=true&prefill_data_id=f93a9bd0-007b-0139-38db-02420aff000d&referer=https%3A%2F%2Felement.eleme.cn%2F

Steps to reproduce

备注:无法提供重现的项目链接
在from表单里面使用了这个show-overflow-tooltip 属性,然后这个属性被触发了,但是因为鼠标位置获取不到了,所以会导致这个悬停出现在其它地方;

在table里点击,然后跳转到详情页面

What is Expected?

能够修正这个bug,不要让他出现到其它地方

What is actually happening?

在列表页增加一个table,使用show-overflow-tooltip 属性,点击跳转到详情页,然后这个属性被触发了,但是因为鼠标位置获取不到了,所以会导致这个悬停出现在其它地方;

备注:无法上传图片更直观的显示

dsf9zpds

dsf9zpds2#

我也遇到了

有解决么?

zphenhs4

zphenhs43#

我也出现这样子了 双击带有tooltip单元格查看详情会出现tooltip不隐藏问题

3hvapo4f

3hvapo4f4#

遇到了同样的问题

引起这个问题的操作是在离开当前路由的时候,快速把鼠标放到添加show-overflow-tooltip属性的元素上,原本的元素被销毁之后,tooltip就定位到页面左上角去了。

看了眼源码,显示tooltip的逻辑如下:

这里是去判断是否有el-tooltip这个class.

暂时解决方案:

可以在离开当前路由之前,现在暂时移除el-tooltip这个class。为了防止移除这个class之后样式出问题,动态添加和el-tooltips一样的style。

相关问题