diff --git a/client/galaxy/scripts/mvc/ui/ui-select-content.js b/client/galaxy/scripts/mvc/ui/ui-select-content.js index a4f31a36aca..2b8687f6a15 100644 --- a/client/galaxy/scripts/mvc/ui/ui-select-content.js +++ b/client/galaxy/scripts/mvc/ui/ui-select-content.js @@ -169,20 +169,20 @@ var View = Backbone.View.extend({ }; // add drag-drop event handlers - this.$el - .on("dragenter", function(e) { - this.lastenter = e.target; - self.$el.addClass("ui-dragover"); - }) - .on("dragover", e => { - e.preventDefault(); - }) - .on("dragleave", function(e) { - this.lastenter === e.target && self.$el.removeClass("ui-dragover"); - }) - .on("drop", e => { - self._handleDrop(e); - }); + let element = this.$el.get(0); + element.addEventListener("dragenter", e => { + this.lastenter = e.target; + self.$el.addClass("ui-dragover"); + }); + element.addEventListener("dragover", e => { + e.preventDefault(); + }); + element.addEventListener("dragleave", e => { + this.lastenter === e.target && self.$el.removeClass("ui-dragover"); + }); + element.addEventListener("drop", e => { + self._handleDrop(e); + }); // track current history elements this.history = {}; @@ -412,7 +412,7 @@ var View = Backbone.View.extend({ var current = this.model.get("current"); var config = this.config[current]; var field = this.fields[current]; - var drop_data = JSON.parse(ev.originalEvent.dataTransfer.getData("text"))[0]; + var drop_data = JSON.parse(ev.dataTransfer.getData("text"))[0]; var new_id = drop_data.id; var new_src = drop_data.history_content_type == "dataset_collection" ? "hdca" : "hda"; var new_value = { id: new_id, src: new_src };