From 77e20afc61e36137d2cd7f4bfb4bce0323927648 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Tom=C3=A1=C5=A1=20Ml=C3=A1dek?= <t@mldk.cz>
Date: Sun, 10 Jan 2021 13:25:49 +0100
Subject: [PATCH] only edge scroll in fullscreen (enabled by double-click)

---
 app/src/App.vue                   |  1 +
 app/src/components/SVGContent.vue | 10 +++++++++-
 2 files changed, 10 insertions(+), 1 deletion(-)

diff --git a/app/src/App.vue b/app/src/App.vue
index 4735fe7..78bfc36 100644
--- a/app/src/App.vue
+++ b/app/src/App.vue
@@ -18,6 +18,7 @@ export default defineComponent({
 <style>
 html, body {
   overflow: hidden;
+  background-color: white;
 }
 
 html, body, #app, #root {
diff --git a/app/src/components/SVGContent.vue b/app/src/components/SVGContent.vue
index 1cc34ba..bf22579 100644
--- a/app/src/components/SVGContent.vue
+++ b/app/src/components/SVGContent.vue
@@ -39,7 +39,12 @@ export default defineComponent({
       // PanZoom
       const pz = createPanZoom(element, {
         smoothScroll: false,
-        zoomSpeed: 0.05
+        zoomSpeed: 0.05,
+        zoomDoubleClickSpeed: 1,
+        onDoubleClick: function (e) {
+          document.body.requestFullscreen();
+          return true;
+        }
       });
       panzoom.value = pz;
 
@@ -51,6 +56,9 @@ export default defineComponent({
         window.addEventListener("mousemove", (ev) => {
           clearTimeout(edgeScrollInterval);
           edgeScrollInterval = undefined;
+          if (!document.fullscreenElement) {
+            return;
+          }
 
           let horizontalShift: number;
           let verticalShift: number;