Brooklyn Nicholson
37 lines
1.1 KiB
TypeScript
37 lines
1.1 KiB
TypeScript
/**
|
|
* Electron <webview> guests (and iframes) hit-test in their own process, so a
|
|
* pointer-capture drag in the embedder goes silent the moment the cursor
|
|
* crosses one — a sash resize froze after a few pixels of travel into the
|
|
* in-app browser, and only another press could continue it. While a drag is
|
|
* live, make every guest surface transparent to hit-testing (see the
|
|
* `guest-pointer-lock` rule in styles.css) so the window-level pointermove /
|
|
* pointerup listeners keep receiving the gesture.
|
|
*/
|
|
let depth = 0
|
|
|
|
/** Suppress pointer events on webview/iframe guests until released. Depth-
|
|
* counted so overlapping gestures compose; the returned release is
|
|
* idempotent (drags end through several racing paths — pointerup, blur,
|
|
* lostpointercapture). */
|
|
export function guardGuestPointers(): () => void {
|
|
if (depth === 0) {
|
|
document.body.classList.add('guest-pointer-lock')
|
|
}
|
|
|
|
depth += 1
|
|
let released = false
|
|
|
|
return () => {
|
|
if (released) {
|
|
return
|
|
}
|
|
|
|
released = true
|
|
depth -= 1
|
|
|
|
if (depth === 0) {
|
|
document.body.classList.remove('guest-pointer-lock')
|
|
}
|
|
}
|
|
}
|