From b2e5be33d6a470d2f7fdac7f26c0ca95b2fd2d50 Mon Sep 17 00:00:00 2001
From: Pavel Djundik <xPaw@users.noreply.github.com>
Date: Fri, 12 Jul 2019 13:43:47 +0300
Subject: [PATCH] A better way of disabling sorting on touch devices

---
 client/components/NetworkList.vue | 16 ++++++----------
 1 file changed, 6 insertions(+), 10 deletions(-)

diff --git a/client/components/NetworkList.vue b/client/components/NetworkList.vue
index c1e1f92e..83a4e617 100644
--- a/client/components/NetworkList.vue
+++ b/client/components/NetworkList.vue
@@ -8,7 +8,7 @@
 	<Draggable
 		v-else
 		:list="networks"
-		:disabled="isSortingEnabled"
+		:filter="isCurrentlyInTouch"
 		handle=".lobby"
 		draggable=".network"
 		ghost-class="ui-sortable-ghost"
@@ -51,7 +51,7 @@
 				ghost-class="ui-sortable-ghost"
 				drag-class="ui-sortable-dragged"
 				:group="network.uuid"
-				:disabled="isSortingEnabled"
+				:filter="isCurrentlyInTouch"
 				:list="network.channels"
 				class="channels"
 				@change="onChannelSort"
@@ -91,15 +91,11 @@ export default {
 		activeChannel: Object,
 		networks: Array,
 	},
-	computed: {
-		isSortingEnabled() {
-			const isTouch = !!("ontouchstart" in window || (window.DocumentTouch && document instanceof window.DocumentTouch));
-
-			// TODO: Implement a way to sort on touch devices
-			return isTouch;
-		},
-	},
 	methods: {
+		isCurrentlyInTouch(e) {
+			// TODO: Implement a way to sort on touch devices
+			return e.pointerType !== "mouse";
+		},
 		onDragStart(e) {
 			e.target.classList.add("ui-sortable-active");
 		},