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

bendman · catarak · commit 3b1cd6782b9f · 2018-09-07T17:25:09.000-04:00
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.
diff --git a/client/styles/layout/_ide.scss b/client/styles/layout/_ide.scss
@@ -14,6 +14,9 @@
   flex: 1 0 0px;
   display: flex;
   position: relative;
+
+  // create a stacking context to isolate z-index layering
+  z-index: 0;
 }
 
 .editor-console-container {

Original file line number	Diff line number	Diff line change
`@@ -14,6 +14,9 @@`
`14`	`14`	`flex: 1 0 0px;`
`15`	`15`	`display: flex;`
`16`	`16`	`position: relative;`
	`17`	`+`
	`18`	`+ // create a stacking context to isolate z-index layering`
	`19`	`+ z-index: 0;`
`17`	`20`	`}`
`18`	`21`
`19`	`22`	`.editor-console-container {`