🐛 Fix TimePicker position flick in IE

close ant-design/ant-design#16657
close ant-design/ant-design#14460

Author: afc163

package.json

@@ -1,6 +1,6 @@
 {
   "name": "rc-time-picker",
-  "version": "3.6.4",
+  "version": "3.6.5",
   "description": "React TimePicker",
   "keywords": [
     "react",
@@ -70,6 +70,7 @@
     "classnames": "2.x",
     "moment": "2.x",
     "prop-types": "^15.5.8",
+    "raf": "^3.4.1",
     "rc-trigger": "^2.2.0"
   }
 }

src/Select.jsx

@@ -3,22 +3,20 @@ import React, { Component } from 'react';
 import PropTypes from 'prop-types';
 import ReactDom from 'react-dom';
 import classNames from 'classnames';
+import raf from 'raf';
 
 const scrollTo = (element, to, duration) => {
-  const requestAnimationFrame =
-    window.requestAnimationFrame ||
-    function requestAnimationFrameTimeout() {
-      return setTimeout(arguments[0], 10); // eslint-disable-line
-    };
   // jump to target if duration zero
   if (duration <= 0) {
-    element.scrollTop = to;
+    raf(() => {
+      element.scrollTop = to;
+    });
     return;
   }
   const difference = to - element.scrollTop;
   const perTick = (difference / duration) * 10;
 
-  requestAnimationFrame(() => {
+  raf(() => {
     element.scrollTop += perTick;
     if (element.scrollTop === to) return;
     scrollTo(element, to, duration - 10);