Filestack drag and drop conflicts with React DnD

[mikhuang]

It seems that something in React DnD is conflicting with Filestack's drag and drop functionality. Not sure what to do about this, just wanted to put this out there in case anyone else runs into it.

It seems to affect other libraries too: react-dnd/react-dnd#704

[velveteer]

Thanks for reporting this. We will look into anything we might be able to do to avoid the conflict. Is this just when you are using the picker inside of a React app that's also using react-dnd?

[mikhuang]

Yup, no matter where the root DnD context was. It worked after removing React DnD, haven't been able to figure out the exact conflict.

…

On Sep 8, 2017, at 3:49 PM, Josh Miller ***@***.***> wrote: Thanks for reporting this. We will look into anything we might be able to do to avoid the conflict. Is this just when you are using the picker inside of a React app that's also using react-dnd? — You are receiving this because you authored the thread. Reply to this email directly, view it on GitHub, or mute the thread.

[jennybean]

I have experienced this issue as well. Filestack also begins to work when I remove React DnD.

[billouboq]

Any news ?

[zouxuoz]

@pcholuj ping

[AndrzejSala]

It looks like it is more problem with react-dnd than filestack-js.


react-dnd was disabling DataTransfer.dropEffect property in context of whole website including another dnd implemented on it.
Checking history of this issue:
https://github.com/react-dnd/react-dnd/issues/704
https://github.com/react-dnd/react-dnd/issues/802
react-dnd/react-dnd#457

I have found that they probably fix it in 7.1.0 release
react-dnd/react-dnd#1240

So my advice is to check the newest version of react-dnd