{"action":"opened","issue":{"url":"https://api.github.com/repos/lekhang2512/vue-upload-multiple-image/issues/19","repository_url":"https://api.github.com/repos/lekhang2512/vue-upload-multiple-image","labels_url":"https://api.github.com/repos/lekhang2512/vue-upload-multiple-image/issues/19/labels{/name}","comments_url":"https://api.github.com/repos/lekhang2512/vue-upload-multiple-image/issues/19/comments","events_url":"https://api.github.com/repos/lekhang2512/vue-upload-multiple-image/issues/19/events","html_url":"https://github.com/lekhang2512/vue-upload-multiple-image/issues/19","id":481114717,"node_id":"MDU6SXNzdWU0ODExMTQ3MTc=","number":19,"title":"Breaks SortableJS/Vue.Draggable","user":{"login":"lmiller1990","id":19196536,"node_id":"MDQ6VXNlcjE5MTk2NTM2","avatar_url":"https://avatars1.githubusercontent.com/u/19196536?v=4","gravatar_id":"","url":"https://api.github.com/users/lmiller1990","html_url":"https://github.com/lmiller1990","followers_url":"https://api.github.com/users/lmiller1990/followers","following_url":"https://api.github.com/users/lmiller1990/following{/other_user}","gists_url":"https://api.github.com/users/lmiller1990/gists{/gist_id}","starred_url":"https://api.github.com/users/lmiller1990/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/lmiller1990/subscriptions","organizations_url":"https://api.github.com/users/lmiller1990/orgs","repos_url":"https://api.github.com/users/lmiller1990/repos","events_url":"https://api.github.com/users/lmiller1990/events{/privacy}","received_events_url":"https://api.github.com/users/lmiller1990/received_events","type":"User","site_admin":false},"labels":[],"state":"open","locked":false,"assignee":null,"assignees":[],"milestone":null,"comments":0,"created_at":"2019-08-15T11:45:28Z","updated_at":"2019-08-15T11:45:28Z","closed_at":null,"author_association":"NONE","body":"Hi @lekhang2512 , thanks for the component, working great for us - we are using it to build a UI for [otree](https://www.otree.org/).\r\n\r\nI noticed that in your `mounted` method, you override a bunch of `drag` and `drop` events at the `window` level:\r\n\r\nhttps://github.com/lekhang2512/vue-upload-multiple-image/blob/891a319530c99ad178d0c8b94c8847ade1d18b27/src/components/VueUploadMultipleImage.vue#L348\r\n\r\nI know this is prevent the browser from automatically opening the images when they are dropped, but prevent the default action at the window level breaks any other plugins (like Vue.Draggable) that rely on drag/drop events, which are (eventually) propagated up to the window.\r\n\r\nA solution for this is to simply `preventDefault` (and `stopPropagation`) at the highest level of your component. This will let you have the same behaviour,  but not prevent other components/plugins from working.\r\n\r\nI've got a patch for this, let me know what you think. It's working fine for me so far."}}
{"actor":{"display_login":"lmiller1990"}}