A solution to enable both tauri file drop and H5 drag drop.

[eigeen]

Numerous issues and discussions suggest that it's impossible to use Tauri's dragDropEnabled: true option alongside web dnd libraries.

However, I recently discovered that the clash-verge-rev project successfully implemented simultaneous support for dragging external files and in-page drag-and-drop reordering. This piqued my interest and motivated me to explore further.

I then found this critical comment, which clarifies that using pure JS-based coordinate calculations instead of HTML5 drag-and-drop APIs can bypass the conflict.

Since my project uses Vue Draggable, adding the :forceFallback="true prop resolved the issue immediately (Windows 11). For React users, the same principle applies - libraries like react-beautiful-dnd or react-dnd that avoid native HTML5 events should work. Perhaps someone could add effective React implementations here?

I believe others struggling with this issue deserve to see this solution! 🚀

[eigeen]

Quote some relateve issues: #13073 #13171