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

Flip Move Messing Up Grid #167

Closed BlueBlazin closed 7 years ago

BlueBlazin commented 7 years ago

I have a grid of boxes which is aligned using display: flex; flex-wrap: wrap; justify-content: space-between;

Unfortunately, when I use FlipMove, the boxes are being stacked vertically in a single column and their height is also increased.

Any suggestions on how I might go about fixing this?

Hypnosphi commented 7 years ago

do you pass those styles to FlipMove? Can you set up an example at jsfiddle or somewhere else?

joshwcomeau commented 7 years ago

Yeah, without seeing a live example, it's hard to diagnose.