Fix moving queue items in FireFox

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"

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')