Electron: Prevent dropped file from opening in window

When building an Electron app you’re able to drag files into the app and get redirected to that file.

TLDR?

I’ve created a NPM package to fix this issue. You can check it out here (ecrmnn/electron-disable-file-drop)

E.g. if you drag an image from your desktop into the app, you’ll get redirected to the image - just as if you dragged an image into Chrome.

There is an easy way to fix this by adding the following

'use strict';

document.addEventListener('dragover', function (event) {
  event.preventDefault();
  return false;
}, false);

document.addEventListener('drop', function (event) {
  event.preventDefault();
  return false;
}, false);