From 10b09a3e9c7650b27f0628bb2ef1b883434859ae Mon Sep 17 00:00:00 2001
From: Fen Dweller <chemicalcrux@gmail.com>
Date: Thu, 11 Jun 2020 13:48:19 -0400
Subject: [PATCH] Listen for movement on the document, not the canvas

This way, parts of the side of the image can be revealed.
---
 xray.js | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/xray.js b/xray.js
index 99cfce9..4bdd55c 100644
--- a/xray.js
+++ b/xray.js
@@ -55,13 +55,13 @@ document.addEventListener("DOMContentLoaded", e => {
 
     const overlay = document.querySelector("#overlay");
     
-    overlay.addEventListener("mousemove", e => {
+    document.addEventListener("mousemove", e => {
         let x = e.clientX - e.target.getBoundingClientRect().x;
         let y = e.clientY - e.target.getBoundingClientRect().y;
         updateOverlay([[x,y]]);
     });
 
-    overlay.addEventListener("touchmove", e => {
+    document.addEventListener("touchmove", e => {
         let offsetX = e.target.getBoundingClientRect().x;
         let offsetY = e.target.getBoundingClientRect().y;