bugfixed: The bug that sometimes copy command no succeed.

README.md

@@ -12,8 +12,10 @@
 
 ## Clipboard.copy
 If you don't want to use `Clipboard`, you can execute this function to copy text in clipboard.
+
 ```
  @param {String} text - Text to be copied to clipboard. 
+ @param {Element} prevElem - The elements before the fake elements,defalut value is document.body.firstElementChild. 
  @return {Boolean} - Whether copy success.
 ```
 

example/md/props.md

@@ -10,6 +10,7 @@
 If you don't want to use `Clipboard`, you can execute this function to copy text in clipboard.
 ```
  @param {String} text - Text to be copied to clipboard. 
+ @param {Element} prevElem - The elements before the fake elements,defalut value is document.body.firstElementChild. 
  @return {Boolean} - Whether copy success.
 ```
 

package.json

@@ -1,6 +1,6 @@
 {
   "name": "rsuite-clipboard",
-  "version": "1.1.2",
+  "version": "1.1.3",
   "description": "",
   "main": "lib/main.js",
   "scripts": {
@@ -23,7 +23,8 @@
   },
   "homepage": "https://github.com/rsuite/rsuite-clipboard#readme",
   "peerDependencies": {
-    "react": ">=0.14.0 || ^15.0.0"
+    "react": ">=0.14.0 || ^15.0.0",
+    "react-dom": "^0.14.8"
   },
   "devDependencies": {
     "babel-cli": "^6.16.0",
@@ -54,7 +55,6 @@
     "markdown-loader": "^0.1.7",
     "markdownloader": "^1.0.5",
     "react": "^0.14.8",
-    "react-dom": "^0.14.8",
     "react-markdown": "^2.4.2",
     "react-notification-system": "^0.2.13",
     "react-router": "^3.0.0",

src/component/Clipboard.js

@@ -12,10 +12,11 @@ class Clipboard extends Component {
 
     constructor(props) {
         super(props);
+        this.onClick = this.onClick.bind(this);
     }
 
-    handleCopy(text) {
-        return copy(text);
+    handleCopy(text, prevDom) {
+        return copy(text, prevDom);
     }
 
     onClick(event) {
@@ -27,8 +28,7 @@ class Clipboard extends Component {
 
         const elem = React.Children.only(children);
         const { onClick } = elem.props;
-        const result = this.handleCopy(text);
-
+        const result = this.handleCopy(text, event.target);
         onCopy && onCopy(text, result);
         onClick && onClick(event);
     }
@@ -44,7 +44,7 @@ class Clipboard extends Component {
 
         return React.cloneElement(elem, {
             ...props,
-            onClick: this.onClick.bind(this)
+            onClick: this.onClick
         });
     }
 }

src/util/copy.js

@@ -1,6 +1,6 @@
 import { execCommandCopy, select } from './index';
 
-export default function copy(text) {
+export default function copy(text, prevElem = document.body.firstChild) {
     const isRTL = document.documentElement.getAttribute('dir') === 'rtl';
 
     const fakeElem = document.createElement('textarea');
@@ -23,7 +23,7 @@ export default function copy(text) {
 
     fakeElem.setAttribute('readonly', '');
     fakeElem.value = text;
-    document.body.appendChild(fakeElem);
+    prevElem && prevElem.after(fakeElem);
     select(fakeElem);
     const result = execCommandCopy();
     fakeElem.remove();