How to make Browser Window draggable?

Question

I have a Browser Window (using Electron.atom.io) and I'm trying to make it so that you can click over most of the screen (except inputs, etc) and drag it over your desktop - basically, I don't want to restrict drag just to the title bar.

Does anyone know how I might be able to do this?

Answer 1

Electron supports a webkit property intended for frameless windows, that I believe should work for you. The documentation is here. Basically just make a class and add it to any elements you want draggable:

.draggable {
    -webkit-app-region: drag;
}