From 9bc7704705b5aa341c9438bd0c15b5f4a7ecfc96 Mon Sep 17 00:00:00 2001 From: kts of kettek Date: Mon, 8 Apr 2024 18:27:10 -0700 Subject: [PATCH] Keep track of canvas enter/leave --- frontend/src/sections/Editor2D.svelte | 4 ++++ 1 file changed, 4 insertions(+) diff --git a/frontend/src/sections/Editor2D.svelte b/frontend/src/sections/Editor2D.svelte index 84617fc..7d3fd0e 100644 --- a/frontend/src/sections/Editor2D.svelte +++ b/frontend/src/sections/Editor2D.svelte @@ -301,12 +301,15 @@ let buttons: Set = new Set() let x: number = 0 let y: number = 0 + let entered: boolean = false node.addEventListener('mouseenter', (e: MouseEvent) => { + entered = true // hide cursor document.body.style.cursor = 'none' }) node.addEventListener('mouseleave', (e: MouseEvent) => { + entered = false // show cursor document.body.style.cursor = 'default' }) @@ -364,6 +367,7 @@ window.addEventListener('mousemove', (e: MouseEvent) => { if (!canvas) return + if (!entered && buttons.size === 0) return // Get mouse position relative to canvas. { let rect = canvas.getBoundingClientRect()