search

projectstorm / react-diagrams

a super simple, no-nonsense diagramming library written in react that just works
https://projectstorm.cloud/react-diagrams
MIT License
8.6k stars 1.17k forks source link

Tooltip misaligned when zoom the diagram #734

Closed yaliang381 closed 3 years ago

yaliang381 commented 3 years ago

The moment zoom in or zoom out on the diagram, on hovering on the icon tooltip misaligned. The ReactTooltip from 'react-tooltip' works perfectly in other scenarios. So I am wondering is that there are some specific property which caused this?

Before zoom in: Screen Shot 2020-09-23 at 3 01 44 PM After zoom: Screen Shot 2020-09-23 at 3 01 52 PM

Code: {node.inputPorts.map((p) => { <FontAwesomeIcon className="diamond-lineage" icon={faInfoCircle} data-tip data-for={p.options.id}

<ReactTooltip id={p.options.id} place="top" type="dark" effect="float">

Desc{portLinks[Object.keys(portLinks)[0]].toColumnDes}

})}

yaliang381 commented 3 years ago

Screen Shot 2020-09-23 at 3 04 52 PM

yaliang381 commented 3 years ago

I changed to another library.