From aff7c3a12a976791397cef1730775b0df88e53c3 Mon Sep 17 00:00:00 2001
From: Akira Sudoh <asudoh@gmail.com>
Date: Wed, 17 Apr 2019 14:05:12 +0900
Subject: [PATCH] fix(accordion): support IE for focus outline

Fixes #2059.
---
 src/components/accordion/_accordion.scss | 2 +-
 src/globals/scss/_helper-mixins.scss     | 5 +++++
 2 files changed, 6 insertions(+), 1 deletion(-)

diff --git a/src/components/accordion/_accordion.scss b/src/components/accordion/_accordion.scss
index 6c4efba432d5..2ec08a553cfb 100644
--- a/src/components/accordion/_accordion.scss
+++ b/src/components/accordion/_accordion.scss
@@ -62,7 +62,7 @@
     }
 
     &:focus:before {
-      @include focus-outline('outline');
+      @include focus-outline('outline-compat');
     }
   }
 
diff --git a/src/globals/scss/_helper-mixins.scss b/src/globals/scss/_helper-mixins.scss
index 3b80a094f7eb..71be5fa3aa7b 100644
--- a/src/globals/scss/_helper-mixins.scss
+++ b/src/globals/scss/_helper-mixins.scss
@@ -81,6 +81,11 @@
     outline-offset: -2px;
   }
 
+  @if ($type == 'outline-compat') {
+    border: 2px solid $focus;
+    box-sizing: border-box;
+  }
+
   @if ($type == 'invalid') {
     outline: 2px solid $support-01;
     outline-offset: -2px;