SolvedVue.Draggable Sometimes stops working in Firefox

I'm using the latest Firefox Developer Edition (58.0b11).

Occasionally vue-draggable stops working and I am unable to drag the items. It's an inconsistent bug and there are no errors in the console. Here is a Vue template that has the issue, though I have experienced it on a few different components.

<template>
  <draggable
    element="div"
    :options="dragOptions"
    :v-model="value"
    @sort="onGridSort"
  >
    <div class="card-grid__item"
      v-for="card in value"
      :key="card.slug"
    >
      <card-thumb
        :title="card.title"
        :subtitle="card.subtitle"
      >
      </card-thumb>
    </div>
  </draggable>
</template>

The issue seems to be unique to Firefox. Chrome and Safari work fine. The strangest part is that refreshing the page doesn't fix the problem, but loading the page in a new window sometimes does.

I won't get a chance to debug it further before next year but I thought I'd raise the issue now in case anyone else was having the issue or knew of a possible reason for it.

13 Answers

✔️Accepted Answer

adding :options="{forceFallback: true}" made it work again, in my case

Other Answers:

Same issue here, infact not working at all in Firefox. Working fine in Chrome, IE11 and Edge.

<draggable v-model="yAxis" :options="{ forceFallback: true }"> </draggable > Work for me.

More Issues: