Fix moving queue items in FireFox
This commit is contained in:
parent
f470e0649e
commit
fa6a1575e2
|
@ -220,7 +220,11 @@ const headerStyle = computed(() => {
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</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
|
<router-link
|
||||||
to="/"
|
to="/"
|
||||||
class="ui card"
|
class="ui card"
|
||||||
|
|
|
@ -35,7 +35,10 @@ const onMousedown = (event: MouseEvent | TouchEvent) => {
|
||||||
if (!dragItem || !element.classList.contains('handle')) return
|
if (!dragItem || !element.classList.contains('handle')) return
|
||||||
|
|
||||||
// Touch devices stop emitting touch events while container is scrolled
|
// 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
|
const ghost = dragItem.cloneNode(true) as HTMLElement
|
||||||
ghost.classList.add('drag-ghost')
|
ghost.classList.add('drag-ghost')
|
||||||
|
|
Loading…
Reference in New Issue