anish2690 / vue-draggable-next

Vue 3 drag-and-drop component
https://vue-draggable-next.vercel.app
MIT License
504 stars 44 forks source link

vue-draggable blocks child onclick events #51

Open dhallX opened 1 year ago

dhallX commented 1 year ago

the vue-draggable component is blocking onclick events that are located inside a list element. when I comment out the draggable package my menu click works again. when I insert the draggable works but not the menu.

parent (the onclick event is located in VListItem prop append-icon. inside ListMenu i trigger an onclick on an icon that opens a menu ): ` <VueDraggableNext :list="generalListData" @change="($event) => updateClassifsListChange($event)" ghostClass="ghost" :style="isListItemClicked ? 'cursor: grabbing' : 'cursor: grab'" @choose="() => (isListItemClicked = true)" @unchoose="() => (isListItemClicked = false)"

<VListGroup v-if="generalListData.length > 0" v-for="(classifs, i) in filterGeneralList" :key="i"