Dropping "NativeTypes.FILE" stopped working in Chrome 47

Question

Dropping "NativeTypes.FILE" stopped working in Chrome 47

danielberndt opened this issue 8 years ago · comments

I've prepared a minimal example here: https://github.com/danielberndt/react-starter/tree/react-dnd-test

When dropping an image, it should be calling the drop method but instead the file gets opened in the browser. No warning or error gets issued.

This fails on Chrome 47 on Mac 10.9.5. It works fine on Firefox and used to work fine on earlier versions of Chrome on my machine.

Daniel · Answer 1 · Mon Jan 11 2016 23:11:25 GMT+0800 (China Standard Time)

I did some digging in the code, and it turns out that the mousemove event registered here fires too early on Chrome. This is why a DRAG_END is fired before the drop handler is called, causing the issue.

Daniel · Answer 2 · Mon Jan 11 2016 23:24:19 GMT+0800 (China Standard Time)

Okay, I've just have seen #4. It's fix is probably the cause for this issue here.

Ev Haus · Answer 3 · Thu Jan 14 2016 01:15:17 GMT+0800 (China Standard Time)

I can confirm. Chrome 47 doesn't seem to be responding to file drop events (even hover). Works fine in Firefox though though.

Daniel · Answer 4 · Thu Jan 14 2016 02:22:25 GMT+0800 (China Standard Time)

current workaround is to use the 2.0.0 version.

dan · Answer 5 · Sun Feb 14 2016 05:40:22 GMT+0800 (China Standard Time)

Is this still an issue with Chrome 48?

dan · Answer 6 · Sun Feb 14 2016 07:52:15 GMT+0800 (China Standard Time)

This should be fixed in react-dnd-html5-backend@2.1.2.