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

v7pvogib 于 7个月前发布在其他

关注(0)|答案(2)|浏览(74)

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

Place el-popover inside el-table-column
Add ‘fixed’ property in el-table-column
Add ‘v-model’ or ‘value’ property in el-popover
Click the button in table
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.

Element

来源：https://github.com/ElemeFE/element/issues/22298

2条答案

按热度按时间

rslzwgfq1#

Well, you can use the normal way

<template slot-scope="scope" >
          <el-popover
            placement="bottom"
            title="Title"
            width="200"
            trigger="click"
            :content="scope.row.id">
            <el-button slot="reference">Click</el-button>
          </el-popover>
</template>

demo

赞(0）回复(0）举报 7个月前

nkoocmlb2#

It's a good idea. Thank you!
But using trigger="manual" is intentional.
I want to handle popover in several elements(ex: custom close button, custom backdrop...), including the button in the popover.