use scroll-into-view-if-needed replace dom-scroll-into-view

Author: afc163

package.json

@@ -46,12 +46,12 @@
   },
   "dependencies": {
     "classnames": "2.x",
-    "dom-scroll-into-view": "1.x",
     "mini-store": "^2.0.0",
     "rc-animate": "^2.10.1",
     "rc-trigger": "^4.0.0-alpha.4",
     "rc-util": "^4.13.0",
     "resize-observer-polyfill": "^1.5.0",
+    "scroll-into-view-if-needed": "^2.2.20",
     "shallowequal": "^1.1.0"
   },
   "devDependencies": {

src/MenuItem.tsx

@@ -2,7 +2,7 @@ import React from 'react';
 import ReactDOM from 'react-dom';
 import KeyCode from 'rc-util/lib/KeyCode';
 import classNames from 'classnames';
-import scrollIntoView from 'dom-scroll-into-view';
+import scrollIntoView from 'scroll-into-view-if-needed';
 import { connect } from 'mini-store';
 import { noop, menuAllProps } from './util';
 import {
@@ -76,8 +76,9 @@ export class MenuItem extends React.Component<MenuItemProps> {
       (!parentMenu || !parentMenu[`scrolled-${eventKey}`])
     ) {
       if (this.node) {
-        scrollIntoView(this.node, ReactDOM.findDOMNode(parentMenu), {
-          onlyScrollIfNeeded: true,
+        scrollIntoView(this.node, {
+          scrollMode: 'if-needed',
+          boundary: ReactDOM.findDOMNode(parentMenu) as Element,
         });
         parentMenu[`scrolled-${eventKey}`] = true;
       }