Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

[Feature-request] Fade out animation on leave #34

Open
capi1O opened this issue Dec 14, 2018 · 0 comments
Open

[Feature-request] Fade out animation on leave #34

capi1O opened this issue Dec 14, 2018 · 0 comments

Comments

@capi1O
Copy link

capi1O commented Dec 14, 2018

Currently it is not possible AFAIK to add a CSS animation which triggers once the element that toggle react-hint is hovered out.

We can use delay={{ hide: someDelay }} props but then the react-hint is removed from DOM after specified delay when state.target is emptied, thus no animation can be shown.

An option to allow fadeOut on leave would be to add a class once triggering element is hovered out (ex. .react-hint--hide) and use this class to set a fadeout animation similar to the CSS animation fadeIn. This fadeOut could complete as long as the animation-delay (0.5s by default on the fadeIn anim) is smaller than the hide delay set in delay props.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Projects
None yet
Development

No branches or pull requests

2 participants