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

Question

问题描述

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

问题出现的环境背景及自己尝试过哪些方法

Element UI version : 2.15.8
OS/Browsers version : Windows 10 / Chrome 100.0.4896.88
Vue version : 2.6.14

相关代码

在线示例代码：https://codepen.io/hyperwarp/...

你期待的结果是什么？

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

实际看到的错误信息又是什么？

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

定位不准：


定位准确：