element-bot
commented
4 years ago Translation of this issue:
Element UI version
2.12.0
OS/Browsers version
MacOS Catalina 10.15.1 / Google Chrome 78.0.3904.70
Vue version
2.6.10
Reproduction Link
https://jsfiddle.net/8pb1ea2j/16/
Steps to reproduce
*Click the date selector to open the calendar without canceling. Scroll the mouse wheel to scroll the page.
The initial Z-index value of the header is 2002, and the initial Z-index of the pop-up calendar is 2001. The header can block the calendar normally. In this case, the focus of the date selector is cancelled, and the calendar is recalled.
Then click the date selector again, and the calendar will pop up without canceling. Scroll the mouse wheel to scroll the page. At this time, zindex, the pop-up calendar component, becomes 2003, blocking the header.
*Each time you open the date selector repeatedly, the zindex style in the component's row is incremented by 2 infinitely.
What is Expected?
Fixed head can correctly block the pop-up date selection control when scrolling
What is actually happening?
Each time you open the date selector repeatedly, the zindex style in the component's row is incremented by 2 infinitely. Set the fixed head to be obscured by this component.
stale[bot]
Element UI version
2.12.0
OS/Browsers version
MacOS Catalina 10.15.1 / Google Chrome 78.0.3904.70
Vue version
2.6.10
Reproduction Link
https://jsfiddle.net/8pb1ea2j/16/
Steps to reproduce
What is Expected?
固定的头部在滚动时可以正确的遮挡弹出的日期选择控件
What is actually happening?
每次重复打开日期选择器，组件的行内zindex样式都会无限递增 2。设置固定的头部会被该组件遮挡。