animate-css-grid icon indicating copy to clipboard operation
animate-css-grid copied to clipboard

Doesn't animate additions in React

Open JemarJones opened this issue 7 years ago • 1 comments

First off, 👏👏👏. This library is awesome and ridiculously easy to use!

I'm noticing that when i add elements to the grid in React, they simply pop into existence rather than animating in in some way. Is this as expected or is there some way to get an animation in this case?

As an example i've modified the codepen from the readme to add new elements to the grid whenever you click somewhere within the grid (like on an element).

Thanks!

Edit: Just looked at the vanilla codepen and noticed this is also how it works with the add card button, so i suppose this is as expected. So this is more of a feature request than a bug i suppose.

JemarJones avatar Aug 21 '18 04:08 JemarJones

@JemarJones I'm guessing your modification did something like this: https://codepen.io/anon/pen/YbOLRM

You can add fade-in transitions to that very easily: https://codepen.io/anon/pen/oRPyYr

It should also be possible to insert and position new items to be hidden beneath the existing items, and then simply animate them into their new positions using the normal mechanisms.

refset avatar May 29 '19 12:05 refset