r/p5.js-web-editor
1
0
Fork 0
Code Issues 1 Pull requests Releases 1 Wiki Activity

Fixes #682 by isolating preview pane layers (#683)

Browse source 
Restrict the z-index of the console (and any other preview panes) to the
context of the preview container, thereby preventing any internal
content from overlaying a modal. `z-index:0` is used as a more
browser-compliant form of `isolation:isolate` or `contain:paint` to
create an isolated stacking context.
This commit is contained in:
Ben Duncan 2018-09-07 14:25:09 -07:00 committed by Cassie Tarakajian
parent 2f21130e0d
commit 3b1cd6782b
1 changed files with 3 additions and 0 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

3
client/styles/layout/_ide.scss
View file

@ -14,6 +14,9 @@
flex: 1 0 0px; flex: 1 0 0px;
display: flex; display: flex;
position: relative; position: relative;
// create a stacking context to isolate z-index layering
z-index: 0;
} }
.editor-console-container { .editor-console-container {