onDrop not working

Do you want to request a feature or report a bug?

• I found a bug
• I want to propose a feature

What is the current behavior? I’m using the example code from the documentation but the onDrop function is never called. The isDragActive, isDragAccept and isDragReject work fine. Using the file selector works too.

Code:

<Dropzone onDrop={() => alert("Dropped")}>
{({ getRootProps, getInputProps, isDragActive }) => {
    return (
    <div {...getRootProps()} className={"dropzone" + isDragActive ? " dropzone--isActive" : ""}>
        <input {...getInputProps()} />
        {isDragActive ? (
        <p>Drop files here...</p>
        ) : (
        <p>Try dropping some files here, or click to select files to upload.</p>
        )}
    </div>
    );
}}
</Dropzone>

If the current behavior is a bug, please provide the steps to reproduce.

1. Install react-dropzone
2. Include code from above
3. Drag file(s) from finder onto the dropzone
4. Drop file
5. Nothing happens, no console output

What is the expected behavior?

1. …
2. Drop file
3. Alert is shown

Please mention other relevant information such as the browser version, Operating System and react-dropzone version.

• macOS High Sierra 10.13.4, Windows 10
• Safari 11.1, Chrome 72.0.3626.109, and Firefox 65.0
• react-dropzone 9.0.0

[mzl-ki]

Wrapping the Dropzone in a ConnectDropTarget which accepts NativeTypes.FILE works also.

[darekchynek]

Have same issue, with the same version of react-dropzone and Windows 10 (Google Chrome 72.0.3626.119 ).

Open method works correctly - onDrop don’t launch when You drop file.