Sortable: Works intermittently on Firefox

[kieraneglin]

Firefox: 57.0.4
sortablejs: 1.7.0

---

Issue: Using Firefox, dragging of any kind will intermittently stop working between reloads.

To replicate:

1. Using updated Firefox, visit the Sortable demo page and try to sort any list on page.
2. If it works as expected, reload
3. Repeat until you cannot sort the lists (usually takes less than 5 reloads)

Other: So far, it works flawlessly on Chrome.

Edit: Video of this behavior: https://gfycat.com/LightheartedTotalKodiakbear

[kieraneglin]

@RubaXa can you confirm if this will be fixed or not? We really love this library, but we cannot alienate Firefox users.

[rancongjie]

same issue

[melrefaie]

same

[pittaya]

same here

[natecox]

I'm experiencing the same issue; however, reloading the page does _not_ fix it for me. On subsequent reloads the dragging functionality will be broken, until I close the tab and open the page up in a new one.

Firefox 59.0b5 (64-bit)
macOS 10.13.2

[nasirghaznavi]

Same issue here, in fact not working at all in firefox, Works in Chrome, IE11 and Edge. Using VueDraggable.

[bidwellm]

Same issue. Does not Drag and Drop with Firefox. Anyone have a fix?

[patrickdavey]

I have tried to reproduce this issue on FF 58.0.2 and it's working fine. Could it have been a Firefox bug?

[thomas07vt]

I am having issues on Firefox 59.0b12 (dev edition)

[adamJLev]

Same issue for me on Firefox 58 and also 59 beta version. Thankfully the fallback method does work so this is my workraound for now

var isFirefox = navigator.userAgent.toLowerCase().indexOf('firefox') > -1;

new Sortable(el, {
  forceFallback: isFirefox
})

[wunc]

Not sure if this is related, but for me it works reliably on FF 58.0.2, until I enter responsive-design mode (Tools > Web Developer > Responsive Design Mode), and then it consistently stops working.

If I enable touch simulation in responsive design mode, or exit the mode, then it starts working again.

[lijunle]

It seems like this has been resolved in Firefox 61.

[ernsheong]

Mmm I don't see it as resolved with FF 65 and latest Sortable 1.8.3.

Any tips on workarounds with Sortable? forceFallback: true does not have any effect for me

[jordidiaz]

Hi,
I was experiencing the same issue. I found that on SO: https://stackoverflow.com/a/19055350/1411105. That solved the issue.

Code example:

this.sortablejsOptions = {
   onEnd: (event: any) => {
      this.onDragEnd(event);
   },
   setData: (dataTransfer: DataTransfer, draggedElement: HTMLElement) => {
      dataTransfer.setData('foo', 'bar'); // required by Firefox in order to DnD work: https://stackoverflow.com/a/19055350/1411105
      }
    };