feat(Tooltip): add innerRef (#1090)

Adding a innerRef prop to the `div` wrapping the `Tooltip` so it can accesed _from the outside_ #1089
reactstrap · Jun 25, 2018 · 214da8c · 214da8c
1 parent 015d16d
commit 214da8c
Show file tree

Hide file tree

Showing 2 changed files with 13 additions and 1 deletion.
diff --git a/docs/lib/Components/TooltipsPage.js b/docs/lib/Components/TooltipsPage.js
@@ -76,7 +76,13 @@ export default class TooltipsPage extends React.Component {
   offset: PropTypes.oneOfType([
     PropTypes.string,
     PropTypes.number
-  ])
+  ]),
+  // Custom ref handler that will be assigned to the "ref" of the <div> wrapping the tooltip elements
+  innerRef: PropTypes.oneOfType([
+    PropTypes.func, 
+    PropTypes.string,
+    PropTypes.object
+  ]),
 }`}
           </PrismCode>
         </pre>

diff --git a/src/Tooltip.js b/src/Tooltip.js
@@ -34,6 +34,11 @@ const propTypes = {
     PropTypes.string,
     PropTypes.number
   ]),
+  innerRef: PropTypes.oneOfType([
+    PropTypes.func,
+    PropTypes.string,
+    PropTypes.object
+  ]),
 };
 
 const DEFAULT_DELAYS = {
@@ -231,6 +236,7 @@ class Tooltip extends React.Component {
       >
         <div
           {...attributes}
+          ref={this.props.innerRef}
           className={classes}
           role="tooltip"
           aria-hidden={this.props.isOpen}