ElemeFE / ElemeFE/element

[Bug Report] el-popover shows two of popovers on specific condition

Open
#22,298 2 comments 1 reaction 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.6

### OS/Browsers version
macOS Ventura / Google Chrome 107.0.5304.121

### Vue version
2.6.10

### Reproduction Link
https://codesandbox.io/s/popover-double-rendering-etzxkg?from-embed=&file=/src/App.vue

### Steps to reproduce
1. Place el-popover inside el-table-column
2. Add ‘fixed’ property in el-table-column
3. Add ‘v-model’ or ‘value’ property in el-popover
4. Click the button in table
5. Narrow the width of browser for observing appearance of two popovers

### What is Expected?
Only one popover appears.

### What is actually happening?
Two of popovers appear.

At the first time, it seems only one popover appears because they are rendered in the same position. Overlapped popovers are separated then appeared to user, if the width of browser narrowed.

![image](https://user-images.githubusercontent.com/106588381/205222065-1eed22e1-9f8f-4a58-bf22-000c2a558f81.png)

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.