From 7af0885dc864b5cb689e8b2b2952239e18bb1da9 Mon Sep 17 00:00:00 2001 From: Idrees Hassan Date: Fri, 29 Aug 2025 11:41:23 -0400 Subject: [PATCH] Ensure sticky notes don't go out of bounds --- birb.js | 8 ++++---- dist/birb.js | 8 ++++---- dist/birb.user.js | 8 ++++---- 3 files changed, 12 insertions(+), 12 deletions(-) diff --git a/birb.js b/birb.js index 75648ea..894ed58 100644 --- a/birb.js +++ b/birb.js @@ -1555,16 +1555,16 @@ Promise.all([loadSpriteSheetPixels(SPRITE_SHEET), loadSpriteSheetPixels(DECORATI document.addEventListener("mousemove", (e) => { if (isMouseDown) { - elementToMove.style.left = `${e.clientX - offsetX}px`; - elementToMove.style.top = `${e.clientY - offsetY}px`; + elementToMove.style.left = `${Math.max(0, e.clientX - offsetX)}px`; + elementToMove.style.top = `${Math.max(0, e.clientY - offsetY)}px`; } }); document.addEventListener("touchmove", (e) => { if (isMouseDown) { const touch = e.touches[0]; - elementToMove.style.left = `${touch.clientX - offsetX}px`; - elementToMove.style.top = `${touch.clientY - offsetY}px`; + elementToMove.style.left = `${Math.max(0, touch.clientX - offsetX)}px`; + elementToMove.style.top = `${Math.max(0, touch.clientY - offsetY)}px`; } }); } diff --git a/dist/birb.js b/dist/birb.js index a835716..2170680 100644 --- a/dist/birb.js +++ b/dist/birb.js @@ -1875,16 +1875,16 @@ Promise.all([loadSpriteSheetPixels(SPRITE_SHEET), loadSpriteSheetPixels(DECORATI document.addEventListener("mousemove", (e) => { if (isMouseDown) { - elementToMove.style.left = `${e.clientX - offsetX}px`; - elementToMove.style.top = `${e.clientY - offsetY}px`; + elementToMove.style.left = `${Math.max(0, e.clientX - offsetX)}px`; + elementToMove.style.top = `${Math.max(0, e.clientY - offsetY)}px`; } }); document.addEventListener("touchmove", (e) => { if (isMouseDown) { const touch = e.touches[0]; - elementToMove.style.left = `${touch.clientX - offsetX}px`; - elementToMove.style.top = `${touch.clientY - offsetY}px`; + elementToMove.style.left = `${Math.max(0, touch.clientX - offsetX)}px`; + elementToMove.style.top = `${Math.max(0, touch.clientY - offsetY)}px`; } }); } diff --git a/dist/birb.user.js b/dist/birb.user.js index ed70484..982a264 100644 --- a/dist/birb.user.js +++ b/dist/birb.user.js @@ -1889,16 +1889,16 @@ Promise.all([loadSpriteSheetPixels(SPRITE_SHEET), loadSpriteSheetPixels(DECORATI document.addEventListener("mousemove", (e) => { if (isMouseDown) { - elementToMove.style.left = `${e.clientX - offsetX}px`; - elementToMove.style.top = `${e.clientY - offsetY}px`; + elementToMove.style.left = `${Math.max(0, e.clientX - offsetX)}px`; + elementToMove.style.top = `${Math.max(0, e.clientY - offsetY)}px`; } }); document.addEventListener("touchmove", (e) => { if (isMouseDown) { const touch = e.touches[0]; - elementToMove.style.left = `${touch.clientX - offsetX}px`; - elementToMove.style.top = `${touch.clientY - offsetY}px`; + elementToMove.style.left = `${Math.max(0, touch.clientX - offsetX)}px`; + elementToMove.style.top = `${Math.max(0, touch.clientY - offsetY)}px`; } }); }