From fa6a1575e27e8b6b6d79e8cf66dc79f4bc12affe Mon Sep 17 00:00:00 2001
From: wvffle <funkwhale@wvffle.net>
Date: Sun, 24 Jul 2022 22:13:17 +0000
Subject: [PATCH] Fix moving queue items in FireFox

---
 front/src/components/About.vue                | 6 +++++-
 front/src/components/vui/list/VirtualList.vue | 5 ++++-
 2 files changed, 9 insertions(+), 2 deletions(-)

diff --git a/front/src/components/About.vue b/front/src/components/About.vue
index 36c66ae56..72355ef58 100644
--- a/front/src/components/About.vue
+++ b/front/src/components/About.vue
@@ -220,7 +220,11 @@ const headerStyle = computed(() => {
               </div>
             </div>
           </div>
-          <div class="ui three stackable cards">
+          <!-- TODO (wvffle): Remove style when migrate away from fomantic -->
+          <div
+            class="ui three stackable cards"
+            style="z-index: 1; position: relative;"
+          >
             <router-link
               to="/"
               class="ui card"
diff --git a/front/src/components/vui/list/VirtualList.vue b/front/src/components/vui/list/VirtualList.vue
index 73fcfa442..19b2e8eae 100644
--- a/front/src/components/vui/list/VirtualList.vue
+++ b/front/src/components/vui/list/VirtualList.vue
@@ -35,7 +35,10 @@ const onMousedown = (event: MouseEvent | TouchEvent) => {
   if (!dragItem || !element.classList.contains('handle')) return
 
   // Touch devices stop emitting touch events while container is scrolled
-  isTouch.value = event instanceof TouchEvent
+  // NOTE: FF does not support TouchEvent constructor
+  isTouch.value = window.TouchEvent
+    ? event instanceof TouchEvent
+    : !(event instanceof MouseEvent)
 
   const ghost = dragItem.cloneNode(true) as HTMLElement
   ghost.classList.add('drag-ghost')