ElemeFE / ElemeFE/element

[bug report] the fixed head and sidebar will be blocked when the date selection control pops up

Open
#18,001 2 comments 0 reactions 0 assignees View on GitHub
stale
Dominant language
Vue
Stars
54k
Forks
14.4k
PR merge metrics
No merged PRs in 30d

Description

### 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
* 点击日期选择器,弹出日历后不取消,滚动鼠标滑轮对页面进行滚动。
* header初始z-index值为2002,弹出的日历初始z-index为2001, header可以正常遮挡日历。
* 此时取消日期选择器的焦点,使日历收回。
* 然后重新点击日期选择器,弹出日历后不取消,滚动鼠标滑轮对页面进行滚动。
* 此时弹出的日历组件zindex变为2003,遮挡了header。
* 每次重复打开日期选择器,组件的行内zindex样式都会无限递增 2。

### What is Expected?
固定的头部在滚动时可以正确的遮挡弹出的日期选择控件

### What is actually happening?
每次重复打开日期选择器,组件的行内zindex样式都会无限递增 2。设置固定的头部会被该组件遮挡。

Contributor guide

No contributing guide indexed for this repository

Assessment

This issue has not been assessed yet.

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.