Animation on List isn't smooth

[gijo-varghese]

First of all thanks for the amazing library. I'm really loving it.

I have a list that is created using v-for. And I want to animate new elements added to the bottom of the list. When a new element is added the previous one doesn't go up smoothly. I think it because when a new element is added it creates the div with X height. Instead of that, I think the newly inserted element's height should start from 0 to X.

And in most of the cases, the newly inserted element's height may not be fixed. We may need to set max-height see: https://stackoverflow.com/questions/48013822/how-can-i-use-vue-js-transitions-without-hard-coding-height

[cristijora]

Hi @gijo-varghese Could you please create a small example based on this snippet? https://codesandbox.io/s/13wr0vojn3

There are some gotchas for group transitions https://github.com/cristijora/vue2-transitions#group-transitions which are mainly limitations provided in the Vue documentation.