Commit 3fd8541a authored by guerler's avatar guerler
Browse files

Prevent iframe from snatching drag and drop events from uploader

parent decc3cb0

client/src/components/Upload/UploadModal.vue

+14 −0
Original line number Diff line number Diff line
@@ -52,6 +52,11 @@ export default { 
            modalShow: false,

        };

    },

    watch: {

        modalShow() {

            this.setIframeEvents(this.modalShow);

        },

    },

    mounted() {

        this.show();

        // handles subsequent external requests to re-open a re-used modal
@@ -70,6 +75,15 @@ export default { 
            }

            this.hide();

        },

        /** Disable mouse events in iframe to prevent interference with uploader drop box */

        setIframeEvents(disableEvents) {

            const element = document.getElementById("galaxy_main");

            if (element) {

                element.style["pointer-events"] = disableEvents ? "none" : "auto";

            } else {

                console.warn("UploadModal::setIframeEvents - `galaxy_main` not found.");

            }

        },

    },

};

</script>