From 4b85679471db9dc55e005a0a962c61da749e4c32 Mon Sep 17 00:00:00 2001
From: nicofrand <mail@nicofrand.eu>
Date: Mon, 3 Sep 2018 08:46:00 +0200
Subject: [PATCH] Prevent the browser to refresh the page on mobile  when
 moving overlay

---
 portal/assets/js/ynhpanel.js | 16 ++++++++++++----
 1 file changed, 12 insertions(+), 4 deletions(-)

diff --git a/portal/assets/js/ynhpanel.js b/portal/assets/js/ynhpanel.js
index 534dd65..855aa91 100644
--- a/portal/assets/js/ynhpanel.js
+++ b/portal/assets/js/ynhpanel.js
@@ -90,9 +90,14 @@ Element.toggleClass = function(element, className) {
 /* Add Event
   https://github.com/Darklg/JavaScriptUtilities/blob/master/assets/js/vanilla-js/libs/vanilla-events.js
 -------------------------- */
-window.addEvent = function(el, eventName, callback) {
+window.addEvent = function(el, eventName, callback, options) {
     if (el.addEventListener) {
-        el.addEventListener(eventName, callback, false);
+        if (!options || typeof(options) !== "object") {
+            options = {};
+        }
+
+        options.capture = false;
+        el.addEventListener(eventName, callback, options);
     }
     else if (el.attachEvent) {
         el.attachEvent("on" + eventName, function(e) {
@@ -142,12 +147,15 @@ var dragg = function(id) {
     x_pos = document.all ? window.event: e.pageX;
     y_pos = document.all ? window.event : e.pageY;
 
-    if (e.type === "touchmove"){
+    if (e.type === "touchmove") {
         x_pos = e.touches[0].clientX;
         y_pos = e.touches[0].clientY;
     }
 
     if (selected !== null) {
+      if (e.type === "touchmove"){
+        event.preventDefault();
+      }
       dragged = true;
       selected.style.left = (x_pos - x_elem) + 'px';
       selected.style.top = (y_pos - y_elem) + 'px';
@@ -165,7 +173,7 @@ var dragg = function(id) {
 
   // Will be called when user dragging an element
   window.addEvent(window, 'mousemove', _onMove);
-  window.addEvent(window, 'touchmove', _onMove);
+  window.addEvent(window, 'touchmove', _onMove, {passive: false});
 
   // Destroy the object when we are done
   window.addEvent(window, 'mouseup', _shutDrag);