fix container focus rendering issue on Edge (#256)

2018-05-02 20:35:05 -07:00 · 2018-05-02 20:35:05 -07:00 · 8f5a4aadca
parent ffa5dcb3ec
commit 8f5a4aadca
1 changed files with 6 additions and 0 deletions
--- 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;
 }