fix parent

Author: jljsj33

examples/assets/index.less

@@ -30,4 +30,12 @@
     left: 0;
     transform: translateX(0px);
   }
+}
+
+.parent-demo {
+  position: relative;
+  overflow: hidden;
+  .drawer {
+    position: absolute;
+  }
 }

examples/parent.js

@@ -16,7 +16,7 @@ const MenuItemGroup = Menu.ItemGroup;
 // 父级的 transform 距阵必须为 none; 否则将影响 fixed;
 
 ReactDom.render((
-  <div >
+  <div className="parent-demo">
     <Drawer parent={null} width="240px">
       <Menu
         style={{ width: 240 }}

package.json

@@ -1,6 +1,6 @@
 {
   "name": "rc-drawer-menu",
-  "version": "0.5.5",
+  "version": "0.5.6",
   "description": "drawer menu animation component for react",
   "keywords": [
     "react",

src/Drawer.jsx

@@ -1,5 +1,5 @@
 import React from 'react';
-import ReactDOM from 'react-dom';
+import { createPortal } from 'react-dom';
 import PropTypes from 'prop-types';
 import classnames from 'classnames';
 import { dataToArray, transitionEnd } from './utils';
@@ -53,9 +53,10 @@ class Drawer extends React.PureComponent {
     };
   }
   componentDidMount() {
-    this.dom = ReactDOM.findDOMNode(this);
+    if (this.props.parent) {
+      this.container = this.defaultGetContainer();
+    }
     this.getParentAndLevelDom();
-    this.container = this.props.parent ? this.defaultGetContainer() : this.dom;
     this.forceUpdate();
   }
 
@@ -85,7 +86,7 @@ class Drawer extends React.PureComponent {
     }
     const { level, parent } = this.props;
     this.levelDom = [];
-    this.parent = parent && document.querySelectorAll(parent)[0] || this.dom.parentNode;
+    this.parent = parent && document.querySelectorAll(parent)[0] || this.container.parentNode;
     if (level === 'all') {
       const children = Array.prototype.slice.call(this.parent.children);
       children.forEach(child => {
@@ -331,14 +332,14 @@ class Drawer extends React.PureComponent {
   render() {
     const children = this.getChildToRender();
     if (!this.props.parent) {
-      return (<div className={this.props.wrapperClassName}>
+      return (<div className={this.props.wrapperClassName} ref={(c) => { this.container = c; }}>
         {children}
       </div>);
     }
     if (!this.container) {
       return null;
     }
-    return ReactDOM.createPortal(children, this.container);
+    return createPortal(children, this.container);
   }
 }