Closed yaliang381 closed 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: After zoom:
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} })}
<ReactTooltip id={p.options.id} place="top" type="dark" effect="float">
})}
I changed to another library.
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:
After zoom:
![Screen Shot 2020-09-23 at 3 01 52 PM](https://user-images.githubusercontent.com/67077330/94074268-cc7af080-fdad-11ea-9af8-739e55b0f736.png)
Code: {node.inputPorts.map((p) => { <FontAwesomeIcon className="diamond-lineage" icon={faInfoCircle} data-tip data-for={p.options.id}