Как использовать vuedraggable с переходным углублением и слотом заголовка вместе

Question

У меня есть рабочий код с группой transtition, делающей флип-анимацию

<draggable
    v-model="items"
    group="backlog-posts"
    animation="200"
    handle=".post-content"
    draggable=".drag-item"
    @start="drag = true"
    @end="drag = false"
>
    <transition-group
        type="transition"
        tag="div"
        :name="!drag ? 'flip-list' : null"
    >
        <ArticlePost
            v-for="post in items"
            :key="post.id"
            class="drag-item"
            :post="post"        
        />
    </transition-group>
</draggable>

Это очень похоже на пример фрагмента из документации vuedraggable. Когда я добавляю слот заголовка, он перестает работать

<div slot="header">Hello!</button>

Если удалить группу перехода и оставить только заголовок, он снова работает (отображается заголовок и, очевидно, теперь есть анимация)

Как получить заголовок + анимированное перетаскивание?

Answer 1

С https://github.com/SortableJS/Vue.Draggable:

Слоты

Ограничение: ни верхний, ни нижний колонтитулы не работают вместе с переходной группой.