react-hint icon indicating copy to clipboard operation
react-hint copied to clipboard

[Feature-request] Fade in animation for multiple react-hint

Open capi1O opened this issue 7 years ago • 1 comments

When using a react-hint which can be triggered by multiple elements (more than one element with data-rh attribute) and using a hide delay (delay={ hide: someDelay }), the fadeIn animation is only triggered when the first react-hint is shown (hover on one of the elements which toggles it). But if hovering onto another element before delay expires the animation does not kick in, indeed the react-hint DOM node is not removed and re-added but its position is changed (I suppose), so the animation is not triggered.

An option to avoid that would be to add a class to the react-hint when a triggering element is hovered (ex. react-hint--show) and set the CSS animation fadeIn there. Let me know if your're ok with this option so I can work on a PR.

capi1O avatar Dec 14 '18 16:12 capi1O

@monkeydri sounds good, that would be awesome if you can work on a PR for this.

slmgc avatar Dec 15 '18 00:12 slmgc