How to make the pop-up window of < el-popover > move with the screen.

The

page adds a < el-popover > pop-up window, which appears when you click the button, but when you scroll the page, the pop-up window will not change, so it will be misplaced with the button. But I found that the example on the official website can move with the screen,

I tried to define position, in app.vue, but it didn"t work.

this is an example of the official website:

< el-popover

placement="bottom"
title=""
width="200"
trigger="click"
content=",,,">
<el-button slot="reference">click </el-button>

< / el-popover >

this is my definition in App.vue
. El-popover {
background-color:-sharp161626;
border: 1px solid-sharp3c4155;
color:-sharpefeff0;
border-radius: 4px;
position: absolute;
border-style: groove;
}

Jul.27,2021

setting: append-to-body= "false"

MySQL Query : SELECT * FROM `codeshelper`.`v9_news` WHERE status=99 AND catid='6' ORDER BY rand() LIMIT 5
MySQL Error : Disk full (/tmp/#sql-temptable-64f5-1b35cfa-4ec2a.MAI); waiting for someone to free some space... (errno: 28 "No space left on device")
MySQL Errno : 1021
Message : Disk full (/tmp/#sql-temptable-64f5-1b35cfa-4ec2a.MAI); waiting for someone to free some space... (errno: 28 "No space left on device")
Need Help?