Passing rootElement option causes dropEffect cursor failure

[tommoor]

Describe the bug

When passing the new rootElement option to try and scope event listeners it introduces two problems:

• There is a green (+) cursor that didn't previously appear
• When releasing out of bounds the dragged item does not animate back to position as before

Screenshots

The only difference between these two videos is passing the rootElement option

Before

before.mp4

After

after.mp4

Desktop (please complete the following information):

• OS: macOS Big Sur
• Browser Chrome 88
• Version 13.1.1

Additional context
Add any other context about the problem here.

[tommoor]

It looks like the docs site was updated to use the rootElement prop and I'm not seeing the issue there, the mystery deepens…

[tommoor]

Just an update that I bumped to the latest releases as of yesterday 14.0.1 and tweaked the API as appropriate and the problem seems to persist. It's notable (in the video) that the green plus only appears on one of the useDrop areas, not the reordering line.

[tommoor]

Upon further investigation it seems likely that this is a bug in react-dropzone that was exposed by the event target fix.

Ref: react-dropzone/react-dropzone#1042