Vue.Draggable: Slot Footer Not Working with Transition Group
Everything works, except when I try to add a non-draggable item with footer within a transition-group
like this:
<draggable v-model="myList" :options="{draggable:'.item'}">
<transition-group name="animated-list">
<div v-for="element in myList" :key="element" class="animated-list-item item">
<book :beat.sync="books[element]"></book>
</div>
<button slot="footer" key="button">Add Another Book</button>
</transition-group>
</draggable>
If I remove transition-group
it works as expected.
About this issue
- Original URL
- State: closed
- Created 6 years ago
- Comments: 17 (8 by maintainers)
Commits related to this issue
- update example to ilustrate issue #475 — committed to SortableJS/Vue.Draggable by David-Desmaisons 5 years ago
It is not supported inside a transition-group.
On second thought, I was abble to make it work, see update footer example: https://sortablejs.github.io/Vue.Draggable/#/footerslot
Use the footer slot decsribed in the readme.