One line of code to solve the element dropdown box select, dropdown in a long page scrolling, dropdown box does not follow the dropdown box run problem

1. As shown in the figure, the select, Dropdown and other components of Element-UI do not scroll along with the scroll bar, but are fixed on the screen. After checking the console, it is found that the popover is in the most body layer

2. Many bloggers use the popper-append-to-body attribute in their posts, but my style overflows, and I didn’t add it myself.

3. Check the control element, the el-main class contains overflow: Auto style,

4. El-main {overflow: visible; overflow: visible; } solves this problem and does not require adding the popper-Append-to-body attribute. One line of code solves the problem of el-Select and el-Dropdown not moving with the scroll bar.