file input drop not working after adding sortable tree

[hyperknot]

Simply adding a sortable tree to a website disables the native drop target functionality <input type="file">, at least in Chrome.

If the SortableTree is removed you can drag files to the input button. If it is present you cannot.

https://codesandbox.io/s/w782y73nq8

[lifejuggler]

@hyperknot, can you readd your sandbox? it doesn't seem to work anymore

[hyperknot]

Ah, somehow it disappeared. Basically it's just an <input type="file"> element on the same page as a react-sortable-tree.

[wuweiweiwu]

its probably the html dnd backend. Have you tried exporting the tree without the dnd context?

[nyn0x]

@wuweiweiwu Hello, I try with SortableTreeWithoutDndContext like this with DragDropContext (without it, it give me an error 'Cannot read property Monitor of undefined' ) :
https://github.com/frontend-collective/react-sortable-tree/blob/97610d1705451e260e4d1f2d587c169709f5a5de/examples/storybooks/external-node.js

but he doesn't work.
Here is my demo: https://codesandbox.io/s/8xyln2qvv8

edit: He works well with react drop zone