vue-dndrop
vue-dndrop copied to clipboard
drag-enter event is emitted only once
I have some basic container:
<Container
group-name="1"
:get-child-payload="getChildPayloadIphoneComponents"
class="hide-scrollbar flex-1 w-full overflow-x-hidden overflow-y-scroll"
@drop="onDrop($event)"
@drop-ready="onDragEnter"
@drag-leave="onDragLeave"
>
<Draggable v-for="(item, idx) in appComponents" :key="idx" class="w-full overflow-hidden h-1/2 mb-2">
<div class="bg-red-600 h-full">
ITEM {{ item }}
</div>
</Draggable>
</Container>
and then second one with behaviour='copy'.
The drop-ready event is emitted, when I hover with ghost element for the first time over specified container. After I move element outside the container and then try to move it again inside (without letting it), the event drop-ready is not emitted.