From 033cd1046b46d503f8e4a7bfc502a65a61d4cf76 Mon Sep 17 00:00:00 2001
From: Wendell Hu <wendellhu@tencent.com>
Date: Thu, 12 Mar 2020 00:23:55 +0800
Subject: [PATCH 1/2] fix: fix vertical handle transform

---
 src/Handle.jsx | 3 +--
 1 file changed, 1 insertion(+), 2 deletions(-)

diff --git a/src/Handle.jsx b/src/Handle.jsx
index f4e8a5c0d..497bddede 100644
--- a/src/Handle.jsx
+++ b/src/Handle.jsx
@@ -86,8 +86,7 @@ export default class Handle extends React.Component {
     );
     const positionStyle = vertical ? {
       [reverse ? 'top' : 'bottom']: `${offset}%`,
-      [reverse ? 'bottom' : 'top']: 'auto',
-      transform: `translateY(+50%)`,
+      [reverse ? 'bottom' : 'top']: 'auto'
     } : {
       [reverse ? 'right' : 'left']: `${offset}%`,
       [reverse ? 'left' : 'right']: 'auto',

From 60020726487b75b405e1bdca382503303634d484 Mon Sep 17 00:00:00 2001
From: Wendell Hu <wendellhu@tencent.com>
Date: Thu, 12 Mar 2020 21:31:48 +0800
Subject: [PATCH 2/2] fix: fix reverse style

---
 assets/index.less | 1 -
 src/Handle.jsx    | 3 ++-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/assets/index.less b/assets/index.less
index 55e2b4800..922fcc855 100644
--- a/assets/index.less
+++ b/assets/index.less
@@ -128,7 +128,6 @@
       border-color: tint(@primary-color, 50%);
     }
     &-reverse {
-      margin-left: 0;
       margin-right: -4px;
     }
   }
diff --git a/src/Handle.jsx b/src/Handle.jsx
index 497bddede..ac2f42ba2 100644
--- a/src/Handle.jsx
+++ b/src/Handle.jsx
@@ -86,7 +86,8 @@ export default class Handle extends React.Component {
     );
     const positionStyle = vertical ? {
       [reverse ? 'top' : 'bottom']: `${offset}%`,
-      [reverse ? 'bottom' : 'top']: 'auto'
+      [reverse ? 'bottom' : 'top']: 'auto',
+      transform: reverse ? null : `translateY(+50%)`,
     } : {
       [reverse ? 'right' : 'left']: `${offset}%`,
       [reverse ? 'left' : 'right']: 'auto',