add ability to change portal container

Author: mohsinulhaq

.size-snapshot.json

@@ -1,25 +1,25 @@
 {
   "dist/index.js": {
-    "bundled": 6334,
-    "minified": 6334,
-    "gzipped": 1993
+    "bundled": 6414,
+    "minified": 6414,
+    "gzipped": 2026
   },
   "lib/cjs/index.js": {
-    "bundled": 12177,
-    "minified": 6590,
-    "gzipped": 1926
+    "bundled": 12375,
+    "minified": 6670,
+    "gzipped": 1957
   },
   "lib/esm/index.js": {
-    "bundled": 12135,
-    "minified": 6572,
-    "gzipped": 1928,
+    "bundled": 12333,
+    "minified": 6652,
+    "gzipped": 1957,
     "treeshaked": {
       "rollup": {
-        "code": 6082,
+        "code": 6162,
         "import_statements": 361
       },
       "webpack": {
-        "code": 7385
+        "code": 7467
       }
     }
   }

package.json

@@ -38,7 +38,10 @@
   "author": "Mohsin Ul Haq <[email protected]>",
   "license": "MIT",
   "browserslist": [
-    "defaults"
+    ">0.2%",
+    "not dead",
+    "not ie <= 11",
+    "not op_mini all"
   ],
   "prettier": {
     "singleQuote": true
@@ -115,7 +118,7 @@
     "babel-eslint": "^10.0.1",
     "docz": "^0.12.5",
     "docz-plugin-css": "^0.11.0",
-    "eslint": "^5.6.1",
+    "eslint": "^5.7.0",
     "eslint-config-prettier": "^3.1.0",
     "eslint-plugin-jsx-a11y": "^6.1.2",
     "eslint-plugin-prettier": "^3.0.0",

src/TooltipTrigger.js

@@ -69,6 +69,10 @@ export default class TooltipTrigger extends PureComponent {
      * whether to use React.createPortal for creating tooltip
      */
     usePortal: T.bool,
+    /**
+     * element to be used as portal container
+     */
+    portalContainer: T.instanceOf(HTMLElement),
     /**
      * modifiers passed directly to the underlying popper.js instance
      * For more information, refer to Popper.js’ modifier docs:
@@ -85,7 +89,8 @@ export default class TooltipTrigger extends PureComponent {
     trigger: 'hover',
     closeOnOutOfBoundaries: true,
     onVisibilityChange: noop,
-    usePortal: true
+    usePortal: true,
+    portalContainer: document.body
   };
 
   state = {
@@ -172,7 +177,8 @@ export default class TooltipTrigger extends PureComponent {
       trigger,
       modifiers,
       closeOnOutOfBoundaries,
-      usePortal
+      usePortal,
+      portalContainer
     } = this.props;
 
     const popper = (
@@ -226,7 +232,7 @@ export default class TooltipTrigger extends PureComponent {
           }
         </Reference>
         {this._getState() &&
-          (usePortal ? createPortal(popper, document.body) : popper)}
+          (usePortal ? createPortal(popper, portalContainer) : popper)}
       </Manager>
     );
   }