From 0607bf6e17d3d5f656786bd18b7cd4e0d1f546f9 Mon Sep 17 00:00:00 2001
From: picodoth <pikaleize@gmail.com>
Date: Mon, 16 Jul 2018 20:06:02 +0800
Subject: [PATCH] fix: hot fix to make sure the cloned menu has same dom
 context in order to not potentially affect style in cloned menu

---
 src/DOMWrap.jsx | 5 +++--
 1 file changed, 3 insertions(+), 2 deletions(-)

diff --git a/src/DOMWrap.jsx b/src/DOMWrap.jsx
index e966e932..b97f7c02 100644
--- a/src/DOMWrap.jsx
+++ b/src/DOMWrap.jsx
@@ -80,7 +80,8 @@ class DOMWrap extends React.Component {
     if (this.props.mode !== 'horizontal') {
       return;
     }
-    const container = document.body.appendChild(document.createElement('div'));
+    const parent = ReactDOM.findDOMNode(this).parentNode;
+    const container = parent.appendChild(document.createElement('div'));
     container.setAttribute('style', 'position: absolute; top: 0; visibility: hidden');
 
     const {
@@ -121,7 +122,7 @@ class DOMWrap extends React.Component {
         this.originalScrollWidth = scrollWidth;
 
         ReactDOM.unmountComponentAtNode(container);
-        document.body.removeChild(container);
+        parent.removeChild(container);
         this.handleResize();
       });
   }