This is a migrated thread and some comments may be shown as answers.

Drag and drop tries to copy file if file is dropped onto absolutely postioned div that overlays k-dropzone

1 Answer 74 Views

Upload

This is a migrated thread and some comments may be shown as answers.

AppsWiz asked on 04 Dec 2015, 01:43 AM

Hi there

I have a div with an absolute position, that contains an image element that's overlayed on top of the .k-dropzone div (by using a higher z-index). When a file is dropped onto the image in Google Chrome, the browser thinks you want to copy the file, so the upload doesn't work. How can I get the upload to trigger when the file is dropped onto the image? It works when a file is dropped onto any other part of the k-dropzone.

HTML:

$(document).ready(function () {
$("#files").kendoUpload({ .....

.......

</script>

CSS:

.logoUpload {
position: relative;
margin-top: 7px;
}

#logo {
position: absolute;
left: 35px;
top: 30px;
z-index: 1;
}

Drag and drop tries to copy file if file is dropped onto absolutely postioned div that overlays k-dropzone

1 Answer, 1 is accepted