Vue-draggable not working on firefox

[cooperfrench95]

Problem:

We are using vue-draggable, the vue wrapper for this library which appears to be unmaintained.

The issue seems to be that the dragging is broken on firefox. draggable components work as expected, but we have a functional component with listeners attached that is not functioning correctly. The drag event is fired, but dragging does not take place - the drag event simply gets fired and then nothing happens.

The functional component in its parent component has an @drag listener, and inside the component we have:

return createElement(
            'div',
            {
                attrs: {
                    draggable: assign.hourState !== 'approved',
                    label: true,
                },
                on: {
                    click: listeners.click,
                    dragstart: listeners.drag,
                    contextmenu: listeners.context,
                },
                class: {
                    'user-chip': true,
                    noselect: true,
                    selected: isSelected(),
                    [color]: true,
                    locked: isLocked,
                },
            },

etc.

This works fine on Chrome.

[owen-m1]

@cooperfrench95 Please create a JSBin so I can debug this