Vue Draggable 拖拽后样式错乱怎么办？

我用 Vue Draggable 做了一个可拖拽的列表，但拖动之后元素的宽度突然变窄了，看起来像是丢失了原有的 CSS 样式。明明没动过 class，也不报错，就是视觉上不对。

我试过给 draggable 元素加 key，也检查了 transition-group 的写法，但问题还在。是不是拖拽过程中某些样式被覆盖了？下面是我给列表项写的样式：

.drag-item {
  width: 100%;
  padding: 12px;
  border: 1px solid #ddd;
  background: #f9f9f9;
  margin-bottom: 8px;
  box-sizing: border-box;
}