I am using VueDraggable component [https://www.npmjs.com/package/vuedraggable], which is based on the SortableJS [https://github.com/SortableJS/Sortable].

So the issue I am having is, that when I have a draggable element inside the modal and if I reoder some draggable element and try close the modal by clicking outside, I have to click outside twice.

But if I do the same thing and close modal by clicking on the close btn [the X icon], then it closes at single click.

Has anyone had this issues and solved it in the past?