ElemeFE / ElemeFE/element

[Bug Report] tooltip 嵌套 table 显示位置错位

Open
#22,253 0 comments 0 reactions 0 assignees View on GitHub
Dominant language
Vue
Stars
54k
Forks
14.4k
PR merge metrics
No merged PRs in 30d

Description

### Element UI version
2.15.10

### OS/Browsers version
macos big sur 11.4 / Chrome 107 (arm64)

### Vue version
2.6.10

### Reproduction Link
https://codepen.io/swen-xiong/pen/mdKMPYr

### Steps to reproduce
1. 对 table 的某列内容包裹 tooltip
2. tooltip 的 content 设置为一个新的 table

无论将 tooltip 的属性怎么修改,在将鼠标从一个单元格移到另一个单元格时,tooltip 的位置错乱;

https://user-images.githubusercontent.com/31063148/201915905-ec465279-297a-4c18-9ca2-afad51dbd55c.mov

只有在如下情况下,tooltip 才能正常展示:
- tooltip.placement = bottom
- tooltip.popper-options={ boundariesElement: 'body' }

### What is Expected?
tooltip 能在正确的位置展示

### What is actually happening?
tooltip 位置错位

Contributor guide

No contributing guide indexed for this repository

Assessment

This issue has not been assessed yet.

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.