From 382af650f472b22cada25431503b65d457d54f18 Mon Sep 17 00:00:00 2001
From: yoution <zhuyan207@gmail.com>
Date: Sat, 11 Jan 2020 09:23:26 +0800
Subject: [PATCH] #2423 Menu selection is not shown on the IE11 and Edge

---
 src/components/ChosenArrow/index.js           | 2 +-
 src/components/ChosenArrow/styles.module.scss | 2 +-
 src/components/IconSelect/index.js            | 2 +-
 src/components/IconSelect/styles.module.scss  | 2 +-
 4 files changed, 4 insertions(+), 4 deletions(-)

diff --git a/src/components/ChosenArrow/index.js b/src/components/ChosenArrow/index.js
index 6d4a352..3fe3b85 100644
--- a/src/components/ChosenArrow/index.js
+++ b/src/components/ChosenArrow/index.js
@@ -5,7 +5,7 @@ import styles from './styles.module.scss'
 const ChosenArrow = ({ show, x }) => (
   <div
     className={styles.chosenArrow}
-    style={{ transform: `translateX(calc(${x}px - 50%))` }}
+    style={{ transform: `translateX(${x}px)` }}
     hidden={!show}
   >
     <svg width='40px' height='10px' viewBox='0 0 40 10'>
diff --git a/src/components/ChosenArrow/styles.module.scss b/src/components/ChosenArrow/styles.module.scss
index f4c5fd1..498aef2 100644
--- a/src/components/ChosenArrow/styles.module.scss
+++ b/src/components/ChosenArrow/styles.module.scss
@@ -3,7 +3,7 @@
 .chosenArrow {
   position: absolute;
   bottom: -1px;
-  left: 0;
+  left: -7px;
   z-index: 1;
   -webkit-transition: -webkit-transform 0.5s;
   transition: transform 0.5s;
diff --git a/src/components/IconSelect/index.js b/src/components/IconSelect/index.js
index 7fd57bf..2cd7365 100644
--- a/src/components/IconSelect/index.js
+++ b/src/components/IconSelect/index.js
@@ -5,7 +5,7 @@ import styles from './styles.module.scss'
 const IconSelect = ({ show, x }) => (
   <span
     className={styles.iconSelect}
-    style={{ transform: `translateX(calc(${x}px - 50%))` }}
+    style={{ transform: `translateX(${x}px)` }}
     hidden={!show}
   />
 )
diff --git a/src/components/IconSelect/styles.module.scss b/src/components/IconSelect/styles.module.scss
index 9831bff..9968523 100644
--- a/src/components/IconSelect/styles.module.scss
+++ b/src/components/IconSelect/styles.module.scss
@@ -3,7 +3,7 @@
 .iconSelect {
   position: absolute;
   bottom: -1px;
-  left: 0;
+  left: -7px;
   width: 15px;
   height: 3px;
   border-radius: 1.5px;