From 0a79536a05b4b84116fdf88e22878a771aab5007 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E6=B5=81=E9=87=87?= <zhangzilong.zzl@163.com>
Date: Sat, 29 Jun 2019 08:36:35 +0800
Subject: [PATCH] [bugfix] Picker: fix the error at low version of the Android.
 See #3538 (#3688)

---
 src/picker/PickerColumn.js | 5 +++--
 src/picker/index.less      | 1 +
 2 files changed, 4 insertions(+), 2 deletions(-)

diff --git a/src/picker/PickerColumn.js b/src/picker/PickerColumn.js
index 7cc3cf0c4..f3c2f8cdf 100644
--- a/src/picker/PickerColumn.js
+++ b/src/picker/PickerColumn.js
@@ -16,7 +16,8 @@ const MOMENTUM_LIMIT_DISTANCE = 15;
 const [createComponent, bem] = createNamespace('picker-column');
 
 function getElementTranslateY(element) {
-  const { transform } = window.getComputedStyle(element);
+  const style = window.getComputedStyle(element);
+  const transform = style.transform || style.webkitTransform;
   const translateY = transform.slice(7, transform.length - 1).split(', ')[5];
 
   return Number(translateY);
@@ -228,7 +229,7 @@ export default createComponent({
     const wrapperStyle = {
       transform: `translate3d(0, ${this.offset + baseOffset}px, 0)`,
       transitionDuration: `${this.duration}ms`,
-      transitionProperty: this.duration ? 'transform' : 'none',
+      transitionProperty: this.duration ? 'all' : 'none',
       lineHeight: `${itemHeight}px`
     };
 
diff --git a/src/picker/index.less b/src/picker/index.less
index 4bd674483..aa9e11531 100644
--- a/src/picker/index.less
+++ b/src/picker/index.less
@@ -71,6 +71,7 @@
       linear-gradient(0deg, hsla(0, 0%, 100%, .9), hsla(0, 0%, 100%, .4));
     background-repeat: no-repeat;
     background-position: top, bottom;
+    backface-visibility: hidden;
     pointer-events: none;
   }