ElemeFE / ElemeFE/element

[Bug Report] el-popover在动态标签页el-tabs下的可编辑数据表格el-table中的输入框el-input旁悬浮定位不准

Open
#21,824 3 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.8

### OS/Browsers version
Windows 10 / Chrome 100.0.4896.88

### Vue version
2.6.14

### Reproduction Link
https://codepen.io/hyperwarp/pen/rNpoROB

### Steps to reproduce
在动态选项卡(标签页)下的数据表格,往表格数据头部追加至少2行新的表格行,第1次追加的表格行中的输入框el-input获取焦点时显示的悬浮框el-popover定位准确,第2次及之后追加的表格行中的输入框el-input获取焦点时显示的悬浮框el-popover定位不准,会遮住输入框导致无法看到输入框内容,或者出现与输入框的偏移量过大的现象。el-popover采用的是自定义指令v-popover和ref来关联目标元素和对应的popover元素。

### What is Expected?
悬浮框el-popover定位准确,至少不会遮住目标元素,或者不会出现与目标元素的偏移量过大的现象。

### What is actually happening?
悬浮框el-popover定位不准,会遮住目标元素导致无法看到目标元素的内容,或者出现与目标元素的偏移量过大的现象。

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.