Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

[Bug Report] Using popover in column with table column fixed will cause duplicate popover #10588

Closed
Baifann opened this issue Apr 7, 2018 · 6 comments

Comments

@Baifann
Copy link

Baifann commented Apr 7, 2018

Element UI version

2.3.3

OS/Browsers version

macOS 10.13.3/Chome 65.0.3325.181

Vue version

2.5.2

Reproduction Link

https://jsfiddle.net/baifann/m417c85a/18/

Steps to reproduce

Use the popover in the column of the table, the column uses the property fixed, and the popover controls the display hiding through the v-model. Move the mouse over the "control" button and the popover is displayed.

What is Expected?

只出现1个popover

What is actually happening?

出现了2个相同的popover

@element-bot element-bot changed the title [Bug Report] Using popover in column with table column fixed will cause duplicate popover [Bug Report] Using Popover in column with table column fixed will cause Apr 7, 2018
@element-bot
Copy link
Member

Translation of this issue:

Element UI version

2.3.3

OS/Browsers version

MacOS 10.13.3/Chome 65.0.3325.181

Vue version

2.5.2

Reproduction Link

https://jsfiddle.net/baifann/m417c85a/18/

Steps to reproduce

Use the Popover in the column of the table, the column, table, "the right and wrong".

What is Expected?

Only 1 Popover appears

What is actually happening?

There are 2 identical Popover

@Baifann Baifann changed the title [Bug Report] Using Popover in column with table column fixed will cause [Bug Report] Using popover in column with table column fixed will cause duplicate popover Apr 7, 2018
@Baifann
Copy link
Author

Baifann commented Apr 7, 2018

image_1cafcv7e712261ff61q5us2foj79.png-21.3kB

@Leopoldthecoder
Copy link
Contributor

Leopoldthecoder commented Apr 7, 2018

固定列是通过把该列克隆一份来实现的(具体可参考 https://zhuanlan.zhihu.com/p/33280304 ),因此会有两个 Popover 实例,在使用v-model 控制显示与隐藏的情况下确实会发生同步现象。目前没有什么好方法,可以稍微 hack 一下:https://jsfiddle.net/leopoldthecuber/m417c85a/39/

@Hideer
Copy link

Hideer commented Oct 30, 2018

@Leopoldthecoder 你好,我遇到了同样的问题,但是你的hack连接打不开了,请问你的解决方法是什么

@xianshenglu
Copy link

xianshenglu commented May 14, 2019

If there is a fixed column, this situation will happen. It doesn't matter whether the fixed column has a el-popover or not. See this demo:
https://jsfiddle.net/xianshenglu/61jhg4uf/4/

I put el-popover in the control column though address column is fixed.

@kiuukk
Copy link

kiuukk commented Sep 20, 2019

在数据渲染后,找到多出来的popover隐藏起来,直接操作dom比较暴力。
不知道有没有更好的办法

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

6 participants