Fix v16 HOC ref pass through

SparkPost · Oct 17, 2017 · c49294d · c49294d
1 parent a335422
commit c49294d
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 5 deletions.
diff --git a/src/components/Tooltip/Tooltip.js b/src/components/Tooltip/Tooltip.js
@@ -61,7 +61,8 @@ export class Tooltip extends Component {
       right,
       horizontalOffset,
       preferredPosition,
-      forcePosition
+      forcePosition,
+      positionRef
     } = this.props;
 
     const positionTop = preferredPosition.top || (top && !forcePosition);
@@ -77,7 +78,7 @@ export class Tooltip extends Component {
     const offset = positionRight ? { right: horizontalOffset } : { left: horizontalOffset };
 
     return (
-      <span className={wrapperClasses}>
+      <span className={wrapperClasses} ref={positionRef}>
         { children }
         <span className={styles.Tooltip} style={offset}>
           <span className={styles.Tip} />

diff --git a/src/components/WithPositioning/withPositioning.js b/src/components/WithPositioning/withPositioning.js
@@ -44,10 +44,9 @@ function withPositioning(WrappedComponent) {
     render() {
       return (
         <WrappedComponent
-          ref={(node) => this.component = node}
+          positionRef={(node) => this.component = node}
           preferredPosition={this.state.preferredPosition}
-          {...this.props}
-        />
+          {...this.props} />
       );
     }
   }