Merge pull request #195 from iamdoron/master

Use node parent when calculating offset

Author: wwayne

example/src/index.js

@@ -45,7 +45,7 @@ const Test = React.createClass({
       <div>
         <section className='tooltip-example'>
           <h4 className='title'>React Tooltip</h4>
-          <div className='demonstration'>
+          <div style={{marginTop: 40, transform: "translateY(-20px)"}} className='demonstration'>
             <a data-for='main' data-tip="Hello<br />multiline<br />tooltip">
                ◕‿‿◕
             </a>
@@ -83,7 +83,9 @@ const Test = React.createClass({
               </div>
             </pre>
           </div>
-          <ReactTooltip id='main' place={place} type={type} effect={effect} multiline={true}/>
+          <div style={{transform: "translateY(40px)"}}>
+            <ReactTooltip id='main' place={place} type={type} effect={effect} multiline={true}/>
+          </div>
         </section>
         <section className="advance">
           <div className="section">
@@ -251,4 +253,4 @@ const Test = React.createClass({
   }
 })
 
-render(<Test />, document.getElementById('main'))
+render(<Test />, document.getElementById('main'))

src/utils/getPosition.js

@@ -24,7 +24,7 @@ export default function (e, target, node, place, effect, offset, countTransform)
   const windowWidth = window.innerWidth
   const windowHeight = window.innerHeight
 
-  const {parentTop, parentLeft} = countTransform && getParent(target, countTransform) || {parentTop: 0, parentLeft: 0}
+  const {parentTop, parentLeft} = countTransform && getParent(node, countTransform) || {parentTop: 0, parentLeft: 0}
 
   // Get the edge offset of the tooltip
   const getTipOffsetLeft = (place) => {