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`; } }); }