css - Vue + Vuetify 移除最后一项时的过渡组列表动画问题

Question

我正在尝试transition-group使用我的布局。它主要工作，除了删除带有滚动条的长列表中的最后一项。当我删除最后一个项目时，它占用的空间不会优雅地缩小，它会等到转换完成然后突然崩溃。我正试图让它流畅地制作动画。

我在这里设置了一个 JSFiddle ，它重现了同样的问题。我发现如果我将布局边距增加到<v-layout ma-5>例如，问题就会消失。但这对我来说不是一个解决方案，因为无论是否存在保证金，我都需要它来工作。