ElemeFE / ElemeFE/element

[Bug Report] Selector/Dropdown doesn't show in Fullscreen

Open
#18,671 1 comment 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.13.0

### OS/Browsers version
MacOS 10.14.5 / Chrome Version 79.0.3945.117 / Firefox 71.0

### Vue version
2.6.11

### Reproduction Link
https://jsfiddle.net/Mibri/9tmup410/23/

### Steps to reproduce
* Click on the Fullscreen button
* in full screen mode, click the selection - window
* issue: selection window does not open ( in fact its just not visible)

### What is Expected?
The selection options should be presented (as in not full screen mode).

Expected would be that the

of the new selection-options would appear at in a child-component of the fullscreen, at the point where it is placed in the HTML template.

### What is actually happening?
The selection-option are opened behind the fullscreen (z-index is small as fullscreen). This is because the

of the selection options is created outside the fullscreen div and even outside the app div. As fullscreen expects it to be inside a child-component it is not presented in fullscreen mode. Moving the option-div at the right place solves the issue. This this behavior occurs for all Dropdown, selection windows and time picker etc..

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.