[text] add innerRef prop

airbnb · Aug 23, 2018 · 10887e8 · 10887e8
1 parent 128d35f
commit 10887e8
Showing 1 changed file with 10 additions and 2 deletions.
diff --git a/packages/vx-text/src/Text.js b/packages/vx-text/src/Text.js
@@ -82,6 +82,7 @@ class Text extends Component {
       angle,
       lineHeight,
       capHeight,
+      innerRef,
       ...textProps
     } = this.props;
     const { wordsByLines } = this.state;
@@ -121,7 +122,13 @@ class Text extends Component {
     }
 
     return (
-      <svg x={dx} y={dy} fontSize={textProps.fontSize} style={{ overflow: 'visible' }}>
+      <svg
+        ref={innerRef}
+        x={dx}
+        y={dy}
+        fontSize={textProps.fontSize}
+        style={{ overflow: 'visible' }}
+      >
         <text {...textProps} textAnchor={textAnchor}>
           {wordsByLines.map((line, index) => (
             <tspan x={x} dy={index === 0 ? startDy : lineHeight} key={index}>
@@ -151,7 +158,8 @@ Text.propTypes = {
   angle: PropTypes.number,
   textAnchor: PropTypes.oneOf(['start', 'middle', 'end', 'inherit']),
   verticalAnchor: PropTypes.oneOf(['start', 'middle', 'end']),
-  style: PropTypes.object
+  style: PropTypes.object,
+  innerRef: PropTypes.func
 };
 
 export default Text;