From 3b1cd6782b9fdb6f8da0fd276625c8731e682477 Mon Sep 17 00:00:00 2001 From: Ben Duncan Date: Fri, 7 Sep 2018 14:25:09 -0700 Subject: [PATCH] Fixes #682 by isolating preview pane layers (#683) 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. --- client/styles/layout/_ide.scss | 3 +++ 1 file changed, 3 insertions(+) diff --git a/client/styles/layout/_ide.scss b/client/styles/layout/_ide.scss index cb446951..e1418468 100644 --- 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 {