From 8f5a4aadcaa27df6ed2d143a8b8c99cd40bfa120 Mon Sep 17 00:00:00 2001
From: Nolan Lawson <nolan@nolanlawson.com>
Date: Wed, 2 May 2018 20:35:05 -0700
Subject: [PATCH] fix container focus rendering issue on Edge (#256)

---
 scss/global.scss | 6 ++++++
 1 file changed, 6 insertions(+)

diff --git a/scss/global.scss b/scss/global.scss
index de99b4a..fff6f44 100644
--- a/scss/global.scss
+++ b/scss/global.scss
@@ -139,6 +139,12 @@ ul, li, p {
   outline: 2px solid var(--focus-outline);
 }
 
+.container:focus {
+  // the outline causes choppy rendering on Edge and isn't visible or necessary anyway
+  // https://developer.microsoft.com/en-us/microsoft-edge/platform/issues/17343598/
+  outline: none;
+}
+
 button::-moz-focus-inner {
   border: 0;
 }