diff --git a/example/src/index.js b/example/src/index.js index 37a4f74ab..55607bbed 100755 --- a/example/src/index.js +++ b/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')) \ No newline at end of file +render(<Test />, document.getElementById('main')) diff --git a/src/utils/getPosition.js b/src/utils/getPosition.js index e84e294a2..be43b941f 100644 --- a/src/utils/getPosition.js +++ b/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) => {