Suggestion: Option to prevent dragging and dropping elements on the page onto the dropzone

In the meantime, here is my solution for doing this:

onDragEnter={function( event ) {
    const dt = event.dataTransfer;
    if ( !(
        dt.types &&
        ( dt.types.indexOf ? dt.types.indexOf( "Files" ) !== -1 : dt.types.contains( "Files" ) )
    ) ) {
        this.setState( { isDragActive: false } );
    }
}}

onDrop={files => {
    if ( files.length === 0 ) {
        return;
    }

    // handle files dropped here
}}

[rasco]

Well one part of the problem is this: The preview creation (window.URL.createObjectURL(file)) is done on all files, regardless whether they are accepted or not. Shouldn’t previews only be created for accepted files?

[stale[bot]]

This issue has been automatically marked as stale because it has not had recent activity in the past 60 days. It will be closed if no further activity occurs. If the problem persists please comment here to bump your issue. Thank You - React Dropzone Maintaners