From 55ded5c23499209028fcc84ece52162a387bc740 Mon Sep 17 00:00:00 2001
From: Nolan Lawson <nolan@nolanlawson.com>
Date: Sat, 4 Jul 2020 23:17:55 -0700
Subject: [PATCH] fix: fix stacking context in Safari/WebKit (#1812)

fixes #1806
---
 src/scss/global.scss | 7 +++++++
 1 file changed, 7 insertions(+)

diff --git a/src/scss/global.scss b/src/scss/global.scss
index abc54481..9e14d2dd 100644
--- a/src/scss/global.scss
+++ b/src/scss/global.scss
@@ -21,6 +21,13 @@ body {
 .main-content {
   contain: content; // see https://www.w3.org/TR/2018/CR-css-contain-1-20181108/#valdef-contain-content
   padding-top: var(--main-content-pad-top);
+
+  @supports not (contain: content) {
+    // For browsers which don't support the "contain" CSS property,
+    // make a stacking context manually so that the z-index behavior
+    // is consistent. See: https://github.com/nolanlawson/pinafore/issues/1806
+    isolation: isolate;
+  }
 }
 
 main {