
                    For vanilla, we pick up the best solutions provided by github life savers.
                    If google brings you here, you are so lucky! These life savers are angels, they have well solved your problems.
                    So do not waste time scrolling the original issue threads just to dig out solutions... 
                    Here you are, you are welcome. Then, go back to work!
                    

To anyone landing here with the similar problem this is how its done
@rikschennink Thank you for guidance 

filepond how to populate initial files from remote URLs

THANK YOU for this Also a tip for others - it works fine to add this css to whatever is being dragged as opposed to the container: 

interact.js Suggestion: Add a hint for mobile and draggable to use touch-action: none;

@GeSeRnnov
You have a reference to FilePond you set it here:

this.pond will point to the FilePond instance 

filepond Uploading File manually

@jaschaio Here take a look at this gist That's the way we do it on our project and it seems to work quite well so far 

hyperHTML Setting disabled prevents onconnected event on Firefox

Haha I was just returning here to say much what @yoshuawuyts did: I think we're missing the point when comparing to React Yes 