search

joshwcomeau / react-flip-move

Effortless animation between DOM changes (eg. list reordering) using the FLIP technique.
http://joshwcomeau.github.io/react-flip-move/examples
MIT License
4.09k stars 258 forks source link

Animation only apply on first item #203

Closed MRezaSafari closed 6 years ago

MRezaSafari commented 6 years ago

I have flip-move in my other components and it works perfectly but here its only apply animation on first item and the other items does not animate.

why is this happening ?

Redux #React #thunk

nimbus-record-video-2017-11-23-10-22-29

MRezaSafari commented 6 years ago

I just found out how we can mess up the entire animation :D:D

just by adding the transition: all ease 400ms; to the elements.

I changed it to transition: box-shadow ease 400ms; and its working fine now.