Security News
The Push to Ban Ransom Payments Is Gaining Momentum
Ransomware costs victims an estimated $30 billion per year and has gotten so out of control that global support for banning payments is gaining momentum.
electron-drag-latest
Advanced tools
Readme
Improved window dragging for Electron
applications.
Frameless windows can be dragged using the -webkit-app-region css property, but this disables all regular dom events and user interactions with the affected element, which makes it hard to emulate a native-like title bar in the application, as it's not possible to capture double clicks for maximizing the window.
A workaround is to use a pure javascript solution, but dragging only works well when moving the mouse in less than normal speed, else the mouse pointer will move outside the window area and no events will be received by the dom.
This module uses osx-mouse or win-mouse modules for tracking the mouse position on the entire screen, and thereby enabling consistent window dragging, while the affected element is still able to receive dom events.
The module needs to be built with the correct Electron
headers. See the guide for using native Node modules with Electron for more information.
Versions of this library above version 2.0.0 require Electron
which support Node.js
version 9 and above.
npm install electron-drag
Require the module in an Electron
web page.
var drag = require('electron-drag')
// Pass a query selector or a dom element to the function.
// Dragging the element will drag the whole window.
var clear = drag('#element')
// Call the returned function to make the element undraggable again.
clear()
The module only works on OS X and Windows, but doesn't fail when installed on a non-supported platform.
// Fallback to using -webkit-app-region property.
if (!drag.supported) {
document.querySelector('#element').style['-webkit-app-region'] = 'drag'
}
FAQs
Window dragging for electron applications
We found that electron-drag-latest demonstrated a healthy version release cadence and project activity because the last version was released less than a year ago. It has 1 open source maintainer collaborating on the project.
Did you know?
Socket for GitHub automatically highlights issues in each pull request and monitors the health of all your open source dependencies. Discover the contents of your packages and block harmful activity before you install or update your dependencies.
Security News
Ransomware costs victims an estimated $30 billion per year and has gotten so out of control that global support for banning payments is gaining momentum.
Application Security
New SEC disclosure rules aim to enforce timely cyber incident reporting, but fear of job loss and inadequate resources lead to significant underreporting.
Security News
The Python Software Foundation has secured a 5-year sponsorship from Fastly that supports PSF's activities and events, most notably the security and reliability of the Python Package Index (PyPI).