Skip to content

Vue-draggable not working on firefox #1596

Open
@cooperfrench95

Description

@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.

Metadata

Metadata

Assignees

No one assigned

    Labels

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions