mudhorn/n8n
1
0
Fork 0
mirror of https://github.com/n8n-io/n8n.git synced 2025-03-05 20:50:17 -08:00
Code Issues Actions Packages Projects Releases Wiki Activity

refactor(editor): do not add onDragOver event listeners on NodeItem mount (#4433)

Browse source
This commit is contained in:
OlegIvaniv 2022-10-25 11:09:50 +02:00 committed by GitHub
parent cddd012a2f
commit 3143292a68
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
1 changed files with 7 additions and 11 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

10
packages/editor-ui/src/components/Node/NodeCreator/NodeItem.vue
View file

@ -104,19 +104,14 @@ export default Vue.extend({
return isCommunityPackageName(this.nodeType.name); return isCommunityPackageName(this.nodeType.name);
}, },
}, },
mounted() { methods: {
onDragStart(event: DragEvent): void {
/** /**
* Workaround for firefox, that doesn't attach the pageX and pageY coordinates to "ondrag" event. * Workaround for firefox, that doesn't attach the pageX and pageY coordinates to "ondrag" event.
* All browsers attach the correct page coordinates to the "dragover" event. * All browsers attach the correct page coordinates to the "dragover" event.
* @bug https://bugzilla.mozilla.org/show_bug.cgi?id=505521 * @bug https://bugzilla.mozilla.org/show_bug.cgi?id=505521
*/ */
document.body.addEventListener("dragover", this.onDragOver); document.body.addEventListener("dragover", this.onDragOver);
},
destroyed() {
document.body.removeEventListener("dragover", this.onDragOver);
},
methods: {
onDragStart(event: DragEvent): void {
const { pageX: x, pageY: y } = event; const { pageX: x, pageY: y } = event;
this.$emit('dragstart', event); this.$emit('dragstart', event);
@ -141,6 +136,7 @@ export default Vue.extend({
this.draggablePosition = { x, y }; this.draggablePosition = { x, y };
}, },
onDragEnd(event: DragEvent): void { onDragEnd(event: DragEvent): void {
document.body.removeEventListener("dragover", this.onDragOver);
this.$emit('dragend', event); this.$emit('dragend', event);
this.dragging = false; this.dragging = false;