From 4228cd4cfe4d636fa09065e31d27c2b24a9c6f05 Mon Sep 17 00:00:00 2001
From: Fen Dweller <chemicalcrux@gmail.com>
Date: Sat, 4 Apr 2020 22:28:46 -0400
Subject: [PATCH] Prevent the buttons from getting stuck on mobile

---
 macrovision.js | 12 ++++++++++++
 1 file changed, 12 insertions(+)

diff --git a/macrovision.js b/macrovision.js
index c2a5ed82..1cad8979 100644
--- a/macrovision.js
+++ b/macrovision.js
@@ -1570,24 +1570,28 @@ document.addEventListener("DOMContentLoaded", () => {
 
     document.querySelector("#scroll-left").addEventListener("mousedown", e => {
         scrollDirection = -1;
+        cancelInterval(doScroll);
         scrollHandle = setInterval(doScroll, 1000/20);
         e.stopPropagation();
     });
 
     document.querySelector("#scroll-right").addEventListener("mousedown", e => {
         scrollDirection = 1;
+        cancelInterval(doScroll);
         scrollHandle = setInterval(doScroll, 1000/20);
         e.stopPropagation();
     });
 
     document.querySelector("#scroll-left").addEventListener("touchstart", e => {
         scrollDirection = -1;
+        cancelInterval(doScroll);
         scrollHandle = setInterval(doScroll, 1000/20);
         e.stopPropagation();
     });
 
     document.querySelector("#scroll-right").addEventListener("touchstart", e => {
         scrollDirection = 1;
+        cancelInterval(doScroll);
         scrollHandle = setInterval(doScroll, 1000/20);
         e.stopPropagation();
     });
@@ -1604,24 +1608,28 @@ document.addEventListener("DOMContentLoaded", () => {
 
     document.querySelector("#zoom-in").addEventListener("mousedown", e => {
         zoomDirection = -1;
+        cancelInterval(doZoom);
         zoomHandle = setInterval(doZoom, 1000/20);
         e.stopPropagation();
     });
 
     document.querySelector("#zoom-out").addEventListener("mousedown", e => {
         zoomDirection = 1;
+        cancelInterval(doZoom);
         zoomHandle = setInterval(doZoom, 1000/20);
         e.stopPropagation();
     });
 
     document.querySelector("#zoom-in").addEventListener("touchstart", e => {
         zoomDirection = -1;
+        cancelInterval(doZoom);
         zoomHandle = setInterval(doZoom, 1000/20);
         e.stopPropagation();
     });
 
     document.querySelector("#zoom-out").addEventListener("touchstart", e => {
         zoomDirection = 1;
+        cancelInterval(doZoom);
         zoomHandle = setInterval(doZoom, 1000/20);
         e.stopPropagation();
     });
@@ -1638,24 +1646,28 @@ document.addEventListener("DOMContentLoaded", () => {
 
     document.querySelector("#shrink").addEventListener("mousedown", e => {
         sizeDirection = -1;
+        cancelInterval(doSize);
         sizeHandle = setInterval(doSize, 1000/20);
         e.stopPropagation();
     });
 
     document.querySelector("#grow").addEventListener("mousedown", e => {
         sizeDirection = 1;
+        cancelInterval(doSize);
         sizeHandle = setInterval(doSize, 1000/20);
         e.stopPropagation();
     });
 
     document.querySelector("#shrink").addEventListener("touchstart", e => {
         sizeDirection = -1;
+        cancelInterval(doSize);
         sizeHandle = setInterval(doSize, 1000/20);
         e.stopPropagation();
     });
 
     document.querySelector("#grow").addEventListener("touchstart", e => {
         sizeDirection = 1;
+        cancelInterval(doSize);
         sizeHandle = setInterval(doSize, 1000/20);
         e.stopPropagation();
     });