Open erselnordlys opened 6 years ago
@erselnordlys Hi, not sure if you are still looking for solutions, hope you already found a workaround (since this is posted long time ago)
Just for reference, here is the demo: http://ztopia-ui.zicodeng.me/components/popper; here is the source code of using transitionName
to animate fading: https://github.com/zicodeng/ztopia-ui/blob/master/components/Popper/Popper.css
Please note that in order to animate on component initial mounting, we need to follow ReactCSSTransitionGroup
rule here: https://reactjs.org/docs/animation.html#animate-initial-mounting
Hello!
I have an issue trying to add an animation to my component with transitionName prop. My code looks like this:
I want the
<Overlay />
component to fade in and out as I click the anchor button. As I can see, I should give the tooltip's overlay (main positioned container) a classname and add styles (like inreact-transition-group
) on &-enter, &-enter-active, etc. But somehow, none of these classes seem to appear in DOM. Please, let me know if I got it wrong and it works differently.