Making the effect solid and giving it an offset would make the tooltip always display on top of the share button instead of where the user clicked.
As for the hiding after a certain seconds part, at first, I tried to do the hiding in onClick of <a data-tip="Song URL Copied!" data-for="copy" onClick={...}>', but the onClick is not firing.. : (
An alternative way would be setting eventOff="mousemove" and delayHide={3000} to trigger the hiding logic whenever the user move the mouse. So until someone come up with why the onClick is not being triggered, this solution should be fine.
Making the effect solid and giving it an offset would make the tooltip always display on top of the share button instead of where the user clicked.
As for the hiding after a certain seconds part, at first, I tried to do the hiding in onClick of
<a data-tip="Song URL Copied!" data-for="copy" onClick={...}>
', but the onClick is not firing.. : ( An alternative way would be setting eventOff="mousemove" and delayHide={3000} to trigger the hiding logic whenever the user move the mouse. So until someone come up with why the onClick is not being triggered, this solution should be fine.