Vue 2.6+ new v-slot syntax: header disappears when list gets empty

[nitwhiz]

Jsfiddle link

https://jsfiddle.net/xyngqdet/6/

Step by step scenario

Vue 2.6 introduces a new v-slot format. When using it with Vue.Draggable (see fiddle), we need to define the header slot as <template> - as the v-slot syntax expects it to be a template - and a the end of our <draggable>, as DND won't work at all if this template defined is before the v-for.

When pressing delete again, even though the list is empty, the header will disappear. (In this fiddle the header comes back when adding new elements, this does not happen in my real app thought - nothing is rendered there, even if elements are added).

When setting the list empty twice (as in it is empty but you set it empty again), the header disappears, too.

Actual Solution

Everything works fine with the older slot syntax, that's why I think Vue.Draggable has a problem with the whole template thing.

Expected Solution

Make the new 2.6 v-slot syntax work.

[David-Desmaisons]

The fiddle dependencies are not updated, update the example with sortable 1.8.0 and vue.draggable 2.20.0 and see if the problem still occurs.

[nitwhiz]

I'm using the latest versions in my app, where it appeared first. Still happens with Sortable 1.8.4 & Draggable 2.20.0: https://jsfiddle.net/43ohx1bq/

[David-Desmaisons]

Corrected in version 2.23.0